【前言】
项目中用到了KindEditer富文本编辑器,简单留存一下代码。
【正文】
添加js引用
<script type="text/javascript" src="newsadmin/kindeditor-4.1.10/jquery-1.8.0.min.js"></script>
<script charset="utf-8" src="newsadmin/kindeditor-4.1.10/kindeditor.js"></script>
<script charset="utf-8" src="newsadmin/kindeditor-4.1.10/lang/zh_CN.js"></script>
js代码
$(function(){
KindEditor.ready(function(K) {
var editor1 = K.create('#editor_id', {
//自定义工具栏
items:[
'preview','source', 'code', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent',
'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink'
],
uploadJson : 'adminnews_imgUpload.action', //图片上传Action
allowImageRemote : false //取消网络图片上传
});
});
})
页面
<td class="ta_01" bgColor="#ffffff">
<textarea id="editor_id" name="content" style="width:950px;height:300px;">
<s:property value="model.content"/>
</textarea>
</td>
【总结】
不太会用这个markdown编辑器,但是csdn那个编辑器不显示了,只好用这个了。