ZSSRichTextEditor 入坑(二)

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

欢迎指正。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,584评论 1 45
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,409评论 0 13
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 892评论 0 3
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,660评论 0 7
  • 长相思·秋羁 山依旧,水依旧。 一江烟雨洗新秋。 炊烟隔疏柳。 思悠悠,恨悠悠。天涯倦客何时休。 日暮泊孤舟。 长...
    嫣然66阅读 433评论 2 6

友情链接更多精彩内容