editor 联合开发网

Pudn.com > 下载中心 > 代码编辑器 > editor

editor

所属分类：代码编辑器
开发工具：JavaScript
文件大小：107KB
下载次数：0
上传日期：2017-10-09 02:58:05
上传者：sh-1993

说明：降价编辑器<http:lab.lepture.com编辑器>

文件列表:

.spmignore (75, 2017-10-09)
CONTRIBUTING.md (1310, 2017-10-09)
Gruntfile.js (2719, 2017-10-09)
Makefile (209, 2017-10-09)
component.json (529, 2017-10-09)
docs (0, 2017-10-09)
docs\index.html (1741, 2017-10-09)
docs\markdown.html (4271, 2017-10-09)
docs\markdown.md (2485, 2017-10-09)
docs\marked.js (24875, 2017-10-09)
docs\yue.css (2644, 2017-10-09)
editor.css (2856, 2017-10-09)
package.json (378, 2017-10-09)
paper.css (4953, 2017-10-09)
src (0, 2017-10-09)
src\editor.js (6441, 2017-10-09)
src\intro.js (7891, 2017-10-09)
vendor (0, 2017-10-09)
vendor\codemirror.js (226520, 2017-10-09)
vendor\continuelist.js (1566, 2017-10-09)
vendor\icomoon (0, 2017-10-09)
vendor\icomoon\fonts (0, 2017-10-09)
vendor\icomoon\fonts\icomoon.dev.svg (10485, 2017-10-09)
vendor\icomoon\fonts\icomoon.eot (3440, 2017-10-09)
vendor\icomoon\fonts\icomoon.svg (9891, 2017-10-09)
vendor\icomoon\fonts\icomoon.ttf (3276, 2017-10-09)
vendor\icomoon\fonts\icomoon.woff (3540, 2017-10-09)
vendor\icomoon\index.html (6752, 2017-10-09)
vendor\icomoon\license.txt (122, 2017-10-09)
vendor\icomoon\lte-ie7.js (1129, 2017-10-09)
vendor\icomoon\style.css (2234, 2017-10-09)
vendor\markdown.js (16437, 2017-10-09)
vendor\xml.js (11041, 2017-10-09)

## Editor > A markdown editor you really want. ## Sponsors Editor is sponsored by [Typlog](https://typlog.com/). ## Overview Editor is not a WYSIWYG editor, it is a plain text markdown editor. Thanks for the great project [codemirror](http://codemirror.net/), without which editor can never be created. ## Basic Usage The easiest way to use Editor is to simply load the script and stylesheet: ```html ``` You can also use [jsdelivr CDN](http://www.jsdelivr.com/#!editor): ```html ``` Having done this, an editor instance can be created: ```js var editor = new Editor(); editor.render(); ``` The editor will take the position of the first `

` element.

### Get the content

To get back the edited content you use:

```js
editor.codemirror.getValue();
```

## Component

If you are using component, you can install it with:

$ component install lepture/editor

## Seajs

If you are using seajs, you can install it with:

```
$ spm install lepture/editor
```

## Development

You can build the dist files with `grunt`. After this repo is cloned, dig into the repo, and install everything you need:

```
$ npm install
$ npm install grunt-cli -g
```

Now you can create the dist files:

```
$ grunt transport
```

You can get everything you need in the `build` directory.

## Configuration

The `Editor` Class accepts an option as the parameter. The supported options are:

* element (DOM)

The element of the textarea. The default value is the first `<textarea>`.

* tools (array or false)

If set false, the editor will have no toolbar.

* status (array or false)

If set false, the editor will have no statusbar.

* actions (object)

* shortcuts (object)

Example:
```JavaScript
new Editor({
  element: document.getElementById('editor'),
  toolbar: []
})
```

## Contributing

Contribution is welcome. As a way to keep all code clean, we use Grunt to build our distributed files. Make sure you have read our [Contributing Guide](./CONTRIBUTING.md).

## License

MIT. Copyright (c) 2013 - 2014 by Hsiaoming Yang
				</div>
				<hr>
				<div><B>近期下载者</B>：</div>
				<div id="download-users"></div>
				<hr>
				<div><B>相关文件</B>：</div>
				<div id="relate-items"></div>
				<hr>
				<div><B>评论</B>：[<a href=/Download/comment/id/1686445635643057.html data-toggle=modal data-target="#myModal">我要评论</a>] [<a class='pop-a' href=/Download/report/id/1686445635643057.html>举报此文件</a>]</div>
				<div id="file-comments"></div>
				<hr>
				<div><B>收藏者</B>：</div>
				<div id="favor-users"></div>
				<p></p>
			</div>

</div>
</div>

<div>
			
			<a href="http://www.pudn.com" target=_blank>© 联合开发网 from 2004</a> | 
			<a href="/Index/contact.html">联系站长</a> | 
			<a href=" https://beian.miit.gov.cn" target=_blank>湘ICP备2023001425号</a> | 
			<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43010502000604" target=_blank>网安备43010502000604</a> | 
		</div>
		</div>
	</div>

</div>

</body>

return false;
});

$(document).on('click', '.list-hide', function(){
	var id=$(this).attr('data-id');
	$('#list-'+id).css('max-height','100px');
	$(this).removeClass('list-hide');
	$(this).addClass('list-more');
	$(this).html('<i class="fa fa-angle-double-down"></i>');
	
	return false;
});

$("#myModal").on("hidden.bs.modal", function() {
    $(this).removeData();
});

$(document).on("click",".keyword",function(){
	var keyword=$(this).attr("keyword");
	var type_id=$(this).attr("type_id");
	if(typeof(type_id) =="undefined" || type_id =="") type_id="0";
	location.href="http://search.pudn.com/Download/index?keyword="+keyword;
	
	return false;
});
</script>
<script type="text/javascript" src="/js/time.js"></script>

// 数据
	get_download_user();
	//get_relate_item();
	get_comment();
	get_favor();
	
	$('.vote-up').click(function(){
		var url="/Download/vote/t/up/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0){
				alert(ret.info);
				if(ret.url.length >0)
					location.href=ret.url;
			}
			else{
				var s =$('#vote-up-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#vote-up-count').html(count);
			}
		})
		return false;
	});
	$('.vote-down').click(function(){
		var url="/Download/vote/t/down/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0)
				alert(ret.info);
			else{
				var s =$('#vote-down-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#vote-down-count').html(count);
			}
		})
		return false;
	});
	$('.favor-item').click(function(){
		var url="/Favor/add/t/0/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0){
				alert(ret.info);
			}
			else{
				var s =$('#favor-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#favor-count').html(count);
			}
		})
		return false;
	});
	$('.pop-a').click(function(){
		var url=$(this).attr('href');
		$.get(url,function(ret){
			alert(ret.info);
			//location.reload();
		})
		return false;
	});

document.getElementById('readme').innerHTML =marked.parse(document.getElementById('readme').innerHTML);
</script>

</html>