当前位置: 首页 > news >正文

销售员做网站seo优化排名价格

销售员做网站,seo优化排名价格,关键词seo技术,创建网站的步骤背景 可视化页面搭建场景#xff0c;需要支持配置富文本内容并在页面中渲染#xff0c;富文本编辑器SDK采用了tinymce/tinymce-react。 问题场景 问题1 #xff1a;文本数据转义 富文本编辑器生成的HTML富文本在服务端存储时会对字符串进行转义#xff0c;比如#xf…背景 可视化页面搭建场景需要支持配置富文本内容并在页面中渲染富文本编辑器SDK采用了tinymce/tinymce-react。 问题场景 问题1 文本数据转义 富文本编辑器生成的HTML富文本在服务端存储时会对字符串进行转义比如 p3245003/p ---- lt;pgt;3245003lt;/pgt;解决方案 利用浏览器默认行为通过innerHTML方法生成dom节点进行转义然后通过DOMParser将html文本转化成dom树 参考https://developer.mozilla.org/zh-CN/docs/Web/API/DOMParser const htmlToElement (html) {const parser new DOMParser();const doc parser.parseFromString(html, text/html);return doc.body.firstChild;} const transformStr (content) {let div document.createElement(div);div.innerHTML content;return htmlToElement(div${div.innerText}/div) }问题2SSR场景hydrate模式禁用了innerHTML或者dangerouslySetInnerHTML直接渲染 使用最原始的js API 方案1innerHTML const C props {const {content, isSSR} props;const wrapRef useRefany();useEffect(() {if(wrapRef.current !isSSR) {wrapRef.current.innerHTML content;}}, []);return (div ref{wrapRef} /) }export default C;方案2appendChild const C props {const {content, isSSR} props;const wrapRef useRefany();useEffect(() {if (wrapRef.current) {function htmlToElement(html) {const parser new DOMParser();const doc parser.parseFromString(html, text/html);console.log(htmlToElement, doc, doc.body.firstChild);return doc.body.firstChild;}//ts-ignoreif (!isSSR) {let div document.createElement(div);div.innerHTML content;wrapRef.current.appendChild(htmlToElement(div${div.innerText}/div));}}}, []);return (div ref{wrapRef} /) }问题3生成富文本体积太大 方案1 生成的富文本内容生成文件然后上传至oss富文本编辑器和渲染页面分别通过cdn拉取数据内容进行渲染 方案2 文本简化压缩采用类似html-minifier-terser的库对生成的html文本进行处理压缩删除无用标签、空格等内容减少体积 方案3 成本略高只提供思路小型编译器通过将html内容解析转化成AST分析css样式结构进行优化减少css样式内容分析dom结构减少无用dom和层级
http://www.pierceye.com/news/440154/

相关文章:

  • 网站编辑需要的技能做网站需要什么域名
  • 营销型网站建设目的和意义网站托管方案
  • 网站感谢页面企业标志图片大全
  • 响应式网站建设必推全网天下邵阳竞价网站建设设计
  • 大连网站如何制作辽阳公司做网站
  • 百度站长怎么验证网站jekyll做公司网站
  • 电子商务公司建设网站方案设计网站建设开发背景
  • 同一产品做多个网站山西省住房和城乡建设厅官网
  • 网站建设的流程是什么意思微信小程序的代码
  • 广州网站整站优化html项目案例实战
  • 宁波网站推广方式seo优化按天扣费
  • 紫金优化网站制作python编程100例
  • 原阳网站建设哪家好域名网址
  • 西安学校网站建设wordpress手机端模板下载
  • 泉州网站建设工作室网站上的产品板块
  • 平顶山网站网站建设网页设计与制作教程 刘瑞信 pdf
  • 网站开发深天津设计公司排行榜
  • 做tcf法语听力题的网站公司网页简介
  • 十堰做网站最专业的公司深圳企业网查询
  • 购物网站大全排名调查drupal与wordpress哪个容易
  • 网站建设彳金手指排名网站开发完没人运营
  • 网站建设是设开发公司质量管理流程
  • 金沙网站怎么做代理wordpress tag=
  • 做网站必须花钱吗建筑人才网证书查询
  • 0基础网站建设模板工商注册官方网站
  • 河南网站设计公司价格网站在建设中是什么意思
  • 网站建设公司的成本有哪些方面四川省城乡建设网查询
  • 和什么人合作做游戏视频网站做推送网站
  • 做竞价网站访问突然变少施工企业负责人带班检查计划
  • 网站统计数据分析wordpress安装 第二步