淘淘商城14-KindEditor富文本编辑器的使用方法

第一步:在页面中引入KindEditor的css和js代码。

<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>

第二步:在表单中添加一个textarea控件。是一个富文本编辑器的载体。类似数据源。

第三步:初始化富文本编辑器。使用官方提供的方法初始化。

这个name=desc对应上面的textarea的name

common.js中创建KindEditor

KindEditor.create(select, TT.kingEditorParams);中的TT.kingEditorParams,设置了文件上传名、url、类型

第四步:取富文本编辑器的内容。

表单提交之前,把富文本编辑器的内容同步到textarea控件中。

猜你喜欢

转载自blog.csdn.net/pdsu161530247/article/details/81782914