温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-10-13 09:36:02 来源:亿速云 阅读:114 作者:柒染 栏目:开发技术

基于浏览器所见即所得的文本编辑器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怎么用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI