boostrap 富文本框的小图标功能(例如源代码小图标功能)

正常情况下我们是输入汉字点击源代码小图标显示html代码,但是由于今天的项目业务,是先在后台生产html代码了,要求在在这个富文本框里解析html代码(变成汉字或者图片),

此富文本框是基于summernote编辑器,所以里面有一个summernote。

这个是他的官方api,里面讲的很清楚,

看到这个,这就是我需要的,oh~~~,百度了半天,还不如看api来得快啊。

代码就是我们把html给入,会返回一个解析(类似于游览器解析html一样)好的内容给我们。

附上我的代码

$autoAdd.click(function(){
          var  $$pont=$point.val();//我的html字符串
          var ss=$('#content').summernote('code',$$pont);//解析好的内容
          $content.val(ss);//显示回到富文本框
  });

附上效果图

不用自己去点击“</>”变为黑色之后再手动复制粘贴html代码。

猜你喜欢

转载自blog.csdn.net/qq_34827263/article/details/84308226
今日推荐