大佬教程收集整理的这篇文章主要介绍了jquery – 复制SCEditor中的一些功能，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
创建这个,确保生成的BBCode始终有效,转换为良好的HTML等是很多工作,但我对结果非常满意.但是……事实上,我要求最终用户查看和编辑BBCode.拥有WYSIWYG会更好.我注意到SCEditor有一个WYSIWYG界面.借助Chrome优秀的调试器,我注意到以下内容
>隐藏原始文本区域
>插入包含iframe的div
> iframe中的文档包含一个contenteditable div和一个隐藏的textarea控件
我可以继续我的探索,并弄清楚这一切是如何完成的.但是,我希望这里有人能够就这里需要的内容给我一些指示.我想,输入的BBCode以某种方式“转移”到隐藏的textarea中,动态解析为HTML,结果显示在内容可编辑的div或沿着这些行的东西？还存在正确处理鼠标点击和选择的问题.
最初,编辑器通过BBCode解析器将BBCode从textarea转换为HTML,并将其放入iframe的contentEditable元素中.然后,用户可以像编辑任何其他HTML WYSIWYG编辑器一样编辑contentEditable元素的内容.
当提交表单或用户想要查看BBCode源时,DOM然后通过转换器转换回BBCode.从DOM到BBCode的转换可以准确地完成,因为它本质上是解析BBCode的原因.
因此,例如,对于粗体,您可以检查节点是否具有粗体的style.fontWeight或者是否是< strong>或< b>标签.对于链接等其他元素,您只需使用href属性并将内容包装在[url]标记内.
最后,BBCode解析器第二次解析得到的BBCode,并输出任何BBCode输出选项. BBCode并没有真正的标准,因此块级元素之后的新行应该是可配置的.
基本上SCEditor的作用是：
> BBCode – > DOM
>通过contentEditable编辑
> DOM – > BB代码
我从创建SCEditor中学到的是,除非你想花费数年时间来完善它,否则不要编写带有contentEditable的WYSIWYG编辑器,只需使用/ build on别人的.有一个由CKEditor开发的answer on another post说同样的事情.
如果你想制作自己的WYSIWYG编辑器,使用Rangy来处理浏览器选择应该会让事情变得更容易.本机浏览器选择API(或者至少是)非常错！不仅如此,IE< 9使用完全非标准的访问选择的方法. Rangy提供了一个通用的API,可以与IE的非标准方法一起使用,也可以解决浏览器错误.
以上是大佬教程为你收集整理的jquery – 复制SCEditor中的一些功能全部内容，希望文章能够帮你解决jquery – 复制SCEditor中的一些功能所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。