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

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

淘淘商城14-KindEditor富文本编辑器的使用方法_第1张图片



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

淘淘商城14-KindEditor富文本编辑器的使用方法_第2张图片

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

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

淘淘商城14-KindEditor富文本编辑器的使用方法_第3张图片

common.js中创建KindEditor

淘淘商城14-KindEditor富文本编辑器的使用方法_第4张图片

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

淘淘商城14-KindEditor富文本编辑器的使用方法_第5张图片

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

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

淘淘商城14-KindEditor富文本编辑器的使用方法_第6张图片

你可能感兴趣的:(淘淘商城,2017淘淘商城)