富文本编辑器NicEdit

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

 68370  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实现表格内数据的添加、删除、修改、查找
  丰富的输入
 41162  450

移动端全屏画板

手机全屏画板,支持多种颜色,绘制完可下载为图片,适合小游戏开发。(例如:画出印象中的你)
  丰富的输入
 41011  345

jquery仿牛客网的在线测评考试

实现在线模拟测评,仿照的是牛客网的测评页面
  丰富的输入
 41911  435

jQuery表情插件emoji.js

基于jQuery的表情选择,html表情
  丰富的输入
 25330  217

讨论这个项目(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文件与这个文件夹同级就可以有图片了

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