溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

基于瀏覽器所見即所得的文本編輯器Simditor怎么用

發(fā)布時間:2021-10-13 09:36:02 來源:億速云 閱讀:115 作者:柒染 欄目:開發(fā)技術(shù)

基于瀏覽器所見即所得的文本編輯器Simditor怎么用,相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

  Simditor是Tower開源的一個基于瀏覽器所見即所得的文本編輯器,它的理念是保持簡單,避免過度的功能。

  所見即所得Simditor的特點(diǎn)

  相比傳統(tǒng)的編輯器它的特點(diǎn)是:

  功能精簡,加載快速

  輸出格式化的標(biāo)準(zhǔn)html

  每一個功能都有非常優(yōu)秀的使用體驗(yàn)

  兼容的瀏覽器:IE10+、Chrome、Firefox、Safari。

  下載所見即所得simditor并使用

  首先需要下載simditor的相關(guān)js與css文件,放到自己的項目下面。需要引入的css以及js文件先進(jìn)行引入。然后進(jìn)行到很重要的一步,配置自己的js文件,達(dá)到真正引入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);

看完上述內(nèi)容,你們掌握基于瀏覽器所見即所得的文本編輯器Simditor怎么用的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI