美文网首页
ZSSRichTextEditor 入坑(二)

ZSSRichTextEditor 入坑(二)

作者: 弗利撒 | 来源:发表于2018-10-29 10:10 被阅读0次

很多富文本编辑器都是根据zss 为基础进行编写的,根据需求要修改的很多。下面我就记录我修改的地方:

(一)中文的编写时会出现点击不起作用,分析可能是一段话中间出现那种承接上面的status ,导致点击不能修改状态。

思路: 方式比较笨主要是使用“空白格”进行分割使其进行字体处理。

主要JS代码:

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

分割JS后还需要进行拼接字体设置比如:下划线、粗体、字体颜色等设置,虽然比较笨拙,但是不会出现大的错误,有什么好的方式可以留言交流。

(二)JS中zss_editor.enabledEditingItems 方法是返回当前编辑文字所处转态。

如果要获取当前的文字状态可以进行修改其中textcolor 输出:我这里输出的十六进制颜色 处理如下:

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);         }

列举出的问题不是很多,但是开发的过程中会出现各种各样问题,问题的形式也是多种多样。如果没有很深的H5 经验请不要尝试zss ,我H5上是一个半吊子,只能看等一些标签和简单的逻辑。

欢迎指正。

相关文章

网友评论

      本文标题:ZSSRichTextEditor 入坑(二)

      本文链接:https://www.haomeiwen.com/subject/xkgvtqtx.html