2017-08-07 63 views
0

有沒有辦法改變一些字符的字體大小,進入contenteditable div?我看到有關插入html的類似問題。也許我需要插入一個跨度並在其上設置css fontsize。或者有其他方法嗎?更改字體大小的一些contenteditable div中的字符

+4

沒有,有沒有另一種方式換一切,除了一個跨度可以是一些其他的元素了。 – Teemu

+0

查找和替換? https://stackoverflow.com/a/2530294/8157693 –

回答

0

我已經研究出瞭解決辦法,請參閱:http://jsfiddle.net/alan0xd7/6o1sr5fg/

  • 如果有需要突出的文本,首先我們剛剛超過 內容HTML複製到div.readonly作進一步處理。如果不需要突出顯示 ,我們只需清空div。
  • collectTextNodes()函數遍歷內容HTML中的所有DOM節點 ,並收集所有文本節點。收集的 節點將只包含文本,並且不包含子節點。

  • 對於我們收集的所有文本節點,我們通過 highlight()函數運行它們以突出顯示文本。

  • 亮點()的工作原理是首先跳過的
    字符maximumLength號碼,然後在<span class='highlight'>.