kindeditor编辑器，kindeditor插件使用

大家好，感谢邀请，今天来为大家分享一下kindeditor编辑器的问题，以及和kindeditor插件使用的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

1、解压文件，然后将所有文件上传到工程目录下，具体目录视不同框架而定

2、在html页面引入以下js文件，路径需要修改为自己的路径，保证文件能正常加载

3、<scriptcharset=\"utf-8\"src=\"/editor/kindeditor.js\"></script>\\n<scriptcharset=\"utf-8\"src=\"/editor/lang/zh-CN.js\"></script>\\n

在页面需要的部分加入textarea控件，注意：id需要唯一

4、<textareaid=\"editor_id\"name=\"content\"style=\"width:700px;height:300px;\">\\n这里写入内容\\n</textarea>\\n

最后需要增加以下js代码，用于初始化控件

5、<script>\\n//简单模式初始化\\nvareditor;\\nvaroptions={};\\nKindEditor.ready(function(K){\\neditor=K.create(\'#editor_id\',options);\\n});\\n</script>\\n

注意：

6、第一个参数为css选择器，一次只能初始化一个textarea元素。

7、options为编辑器的配置项，具体参数请参考官网

8、安装过程非常简单，首先在Gemfile

9、gem\'rails_kindeditor\'\\nbundleinstall\\n

然后执行命令生成相关文件

10、railsgrails_kindeditor:install\\n

修改配置文件参数config/initializers/rails_kindeditor.rb，例如文件上传路径，上传文件类型等

11、RailsKindeditor.setupdo|config|\\n#Specifythesubfoldersinpublicdirectory.\\n#Youcancustomizeit,eg:config.upload_dir=\'this/is/my/folder\'\\nconfig.upload_dir=\'uploads\'\\n#Allowedfiletypesforupload.\\nconfig.upload_image_ext=%w[gifjpgjpegpngbmp]\\nconfig.upload_flash_ext=%w[swfflv]\\nconfig.upload_media_ext=%w[swfflvmp3wavwmawmvmidavimpgasfrmrmvb]\\nconfig.upload_file_ext=%w[docdocxxlsxlsxppthtmhtmltxtziprargzbz2]\\n\\n#Porcessuploadimagesize\\n#eg:1600x1600=>800x800\\n#1600x800=>800x400\\n#400x400=>400x400#NoChange\\n#config.image_resize_to_limit=[800,800]\\n#ifyouhaveconfiginyourrailsapplicationlikethis:\\n#/config/enviroments/production.rb\\n##config.action_controller.asset_host=\"http://asset.example.com\"\\n##config.assets.prefix=\"assets_prefx\"\\n#thenyoushould:\\n#\\n#config.asset_url_prefix=\"http://asset.example.com/assets_prefx/\"ifRails.env.production?\\nend\\n

在view中嵌入编辑器

12、<%=kindeditor_tag:content,\"这里是默认内容\"%>\\n

然后编辑器就可以使用，如图：

13、当表单提交时会发现，提交的数据并没有获取到文本框中的内容，这是因为输入数据时并不能实时使textarea获取到文本内容，那么我们就需要在提交表单时手动赋值

14、vareditor=KindEditor.instances[0];\\neditor.sync();\\n

注意，此处KindEditor.instances获取到的是一个文本框数组，根据自己需要取值

15、rails生产环境都会使用production配置启动，首先需要编译资源文件

16、RAILS_ENV=productionrakeassets:precompile\\n

但是当编译完之后，会发现KindEditor的样式文件并没有获取到，这是因为KindEditor需要单独编译

17、railskindeditor:assets\\n

这时public/assets下就出现了KindEditor需要的资源文件，KindEditor也可以正常使用。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！