富文本编辑器NicEdit

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

 68262  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>


相关插件-丰富的输入

bootstrap登录注册表单切换页面

简洁通用的登录和注册表单弹窗切换,这是一款基于html5 css3 bootstrap创建的响应式登录注册页面模板
  丰富的输入
 32573  307

Javascript模拟键盘事件

Javascript模拟键盘事件 可对应键盘每一个键
  丰富的输入
 33821  319

jQuery评论插件

这是一个评论插件,传入一个评论体即可,支持对留言的回复
  丰富的输入
 72313  554

仿多说留言、评论框,带微博表情。

仿多说留言、评论框,带微博表情。
  丰富的输入
 58002  626

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

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