ZSSRichTextEditor 入坑(二)

很多富文本編輯器都是根據(jù)zss 為基礎(chǔ)進(jìn)行編寫的,根據(jù)需求要修改的很多。下面我就記錄我修改的地方:

(一)中文的編寫時(shí)會(huì)出現(xiàn)點(diǎn)擊不起作用,分析可能是一段話中間出現(xiàn)那種承接上面的status ,導(dǎo)致點(diǎn)擊不能修改狀態(tài)。

思路: 方式比較笨主要是使用“空白格”進(jìn)行分割使其進(jìn)行字體處理。

主要JS代碼:

?document.execCommand('insertHTML', false, '‌');

分割JS后還需要進(jìn)行拼接字體設(shè)置比如:下劃線、粗體、字體顏色等設(shè)置,雖然比較笨拙,但是不會(huì)出現(xiàn)大的錯(cuò)誤,有什么好的方式可以留言交流。

(二)JS中zss_editor.enabledEditingItems 方法是返回當(dāng)前編輯文字所處轉(zhuǎn)態(tài)。

如果要獲取當(dāng)前的文字狀態(tài)可以進(jìn)行修改其中textcolor 輸出:我這里輸出的十六進(jìn)制顏色 處理如下:

var textColor = t.css('color'); ? ? ? ? if (textColor.length != 0 && textColor != 'transparent') { ? ? ? ? ? ? var rgb = textColor.split(','); ? ? ? ? ? ? var r = parseInt(rgb[0].split('(')[1]); ? ? ? ? ? ? var g = parseInt(rgb[1]); ? ? ? ? ? ? var b = parseInt(rgb[2].split(')')[0]); ?? ? ? ? ? ? ? ? ? ? ? ? var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); ?? ? ? ? ? ? ? ? ? ? ? ? items.push('textColor:' + hex); ? ? ? ? }


列舉出的問題不是很多,但是開發(fā)的過程中會(huì)出現(xiàn)各種各樣問題,問題的形式也是多種多樣。如果沒有很深的H5 經(jīng)驗(yàn)請(qǐng)不要嘗試zss ,我H5上是一個(gè)半吊子,只能看等一些標(biāo)簽和簡(jiǎn)單的邏輯。

歡迎指正。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,764評(píng)論 1 45
  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,501評(píng)論 0 13
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問題點(diǎn)這里 看全部問題和答案點(diǎn)這里 本文由我...
    自you是敏感詞閱讀 899評(píng)論 0 3
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門級(jí)到專家級(jí),廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,669評(píng)論 0 7
  • 長(zhǎng)相思·秋羈 山依舊,水依舊。 一江煙雨洗新秋。 炊煙隔疏柳。 思悠悠,恨悠悠。天涯倦客何時(shí)休。 日暮泊孤舟。 長(zhǎng)...
    嫣然66閱讀 436評(píng)論 2 6

友情鏈接更多精彩內(nèi)容