很多富文本编辑器都是根据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上是一个半吊子,只能看等一些标签和简单的逻辑。
欢迎指正。