千家信息网

基于浏览器所见即所得的文本编辑器Simditor怎么用

发表于:2024-11-18 作者:千家信息网编辑
千家信息网最后更新 2024年11月18日,基于浏览器所见即所得的文本编辑器Simditor怎么用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Simditor是Tower开源的一
千家信息网最后更新 2024年11月18日基于浏览器所见即所得的文本编辑器Simditor怎么用

基于浏览器所见即所得的文本编辑器Simditor怎么用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

  Simditor是Tower开源的一个基于浏览器所见即所得的文本编辑器,它的理念是保持简单,避免过度的功能。

  所见即所得Simditor的特点

  相比传统的编辑器它的特点是:

  功能精简,加载快速

  输出格式化的标准html

  每一个功能都有非常优秀的使用体验

  兼容的浏览器:IE10+、Chrome、Firefox、Safari。

  下载所见即所得simditor并使用

  首先需要下载simditor的相关js与css文件,放到自己的项目下面。需要引入的css以及js文件先进行引入。然后进行到很重要的一步,配置自己的js文件,达到真正引入simditor的目的。

  (function(){

  $(function(){

  vareditor,toolbar;

  Simditor.locale='zh-CN';

  toolbar=['title','bold','italic','underline','strikethrough','fontScale','color','|','ol','ul','blockquote','code','table','|','link','image','hr','|','indent','outdent','alignment'];

  editor=newSimditor({

  textarea:$('#simditor'),

  placeholder:'这里输入文字...',

  toolbar:toolbar,

  pasteImage:true,

  defaultImage:'/simditor/images/image.png',

  upload:false

  });

  });

  }).call(this);

看完上述内容,你们掌握基于浏览器所见即所得的文本编辑器Simditor怎么用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

0