富文本编辑器NicEdit

所属分类:输入-丰富的输入

 67283  344  查看评论 (8)
分享到微信朋友圈
X
富文本编辑器NicEdit ie兼容6

NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器。

相较于以前用过的FreeTextBox, NicEdit更加的轻便,其轻量级的程度??总共就一个JS文件和一张图片,而且使用也十分简单。引用下载好的JS文件,然后调用相应的JS函数,将TextBox控件转变成富文本编辑器。

其优点,对比FreeTextBox控件

  • 使用JS编写,这样使用起来比较简单不用去引用DLL。

  • 体积很小。

  • 可以直接将现有的TextBox或是TextArea变成富文本编辑器。

使用方法

调用nicEdit.js和一张nicEdit所需要的icon图

<script type="text/javascript" src="../nicEdit.js"></script>

html创建一个textarea 

<textarea name="area1" cols="40"></textarea>

js

<script type="text/javascript">
    bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
</script>


相关插件-丰富的输入

一款jQuery评论插件

jQuery评论插件,带表情,数量可随意添加,数据保存到本地缓存,刷新不丢失。
  丰富的输入
 21063  266

本地化jQuery公式加中文键盘

集合mathquill公式输入和中英文标点符号输入键盘,主要适配pad端
  丰富的输入
 24347  326

jQuery多功能网页键盘插件

jQuery网页键盘插件,可移动,可输入汉字的多功能键盘
  丰富的输入
 16657  224

jQuery表情插件emoji.js

基于jQuery的表情选择,html表情
  丰富的输入
 23245  216

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    水@木年华 0
    2019/7/11 18:29:54
    莪?侦の咴呔狼 0
    2017/11/14 11:02:20
    从word复制过来的文字 nicEditors.findEditor('id').getContent() 获取里面包含很多样式代码 这个如何能具体到实际看到的内容? 回复
    迷冰 0
    2017/5/4 16:24:53

    只要将代码放在一个文件夹里,然后让图片、js文件与这个文件夹同级就可以有图片了

    回复
    0
    2017/3/31 21:00:39

    文本输入之后,不能通过jquery获取内容,val和text都不行。请问是什么原因?

        1
        2017/3/31 21:21:29

        已经解决了,官方文档中给了nicEditors.findEditor('id').getContent()方法来获取。

    回复
    ?Ellen 0
    2016/9/11 22:09:10
    传上去的图片为什么不能显示。。 回复
    pupa 0
    2016/5/10 11:05:48
    传上去的图片为什么不能显示。。
        迷冰0
        2017/5/4 16:25:36

        只要将代码放在一个文件夹里,然后让图片、js文件与这个文件夹同级就可以有图片了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复