推广 热搜: 劳务  海南  2024  合同  江苏  云南  劳务系统  2023  劳务派遣管理软件  劳务派遣管理系统 

node环境下使用KindEditor

   2024-06-12 90
核心提示:p什么是KindEditorKindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用KindE
<p>什么是KindEditorKindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用KindEditor把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。KindEditor使用Javascript编写,可以无缝地与Java、.NET、PHP、ASP等程序集成,比较适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。主要特点</p><p>快速:体积小,加载速度快开源:开放源代码,高水平,高品质底层:内置自定义DOM类库,精确操作DOM扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能风格:修改编辑器风格非常容易,只需修改一个CSS文件兼容:支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera</p><p>使用KindEditor到官网http://www.kindsoft.net/下载最新的KindEditor压缩包,解压后将文件夹重命名为kindEditor并放到public文件夹下。注意:可以根据自己需求删除文件夹或文件,我们删除以下文件夹:</p><p>asp-ASP程序asp.net-ASP.NET程序php-PHP程序jsp-JSP程序examples-演示文件</p><p>首先,我们来将多行文本输入框(textarea)替换为kindEditor编辑器。打开header.ejs,在:</p><p><linkrel="stylesheet"href="/stylesheets/style.css"></p><p>下一行添加如下代码:</p><p><scriptcharset="utf-8"src="/KindEditor/kindeditor-min.js"></script></p><p><scriptcharset="utf-8"src="/KindEditor/lang/zh_CN.js"></script></p><p><script></p><p>vareditor;</p><p>KindEditor.ready(function(K){</p><p>editor=K.create('textarea',{</p><p>allowImageUpl劳务派遣系统软件d:false,</p><p>items:[</p><p>'fontname','fontsize','|','forecolor','hilitecolor','bold','italic',</p><p>'underline','removeformat','|','justifyleft','justifycenter','justifyright',</p><p>'insertorderedlist','insertunorderedlist','|','emoticons','image','link']</p><p>});</p><p>});</p><p></script></p><p>注意:这里我们通过create创建了一个编辑器,第一个参数为CSS选择器,设置为textarea,则发表、编辑及留言的textarea都会变为编辑器。假如我们只想让发表和编辑时使用编辑器,留言时不使用编辑器,则只需将textarea修改为textarea[name="post"]即可。第二个参数可以设置编辑器的编辑选项,这里我们通过自定义items配置编辑器的工具栏,其中可用"/"表示换行,"|"表示分隔符。,并设置allowImageUpl劳务派遣系统软件d:false取消编辑器的图片上传按钮。</p>
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备18079127号  |  粤ICP备18079127号