文本编辑器中的内容转义处理

 

1. .html() 用为读取和修改元素的HTML标签
2. .text() 用来读取或修改元素的纯文本内容
3. .val() 用来读取或修改表单元素的value值。
4. 这三个方法功能上的对比  :  .html(),.text(),.val() 三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内 容，包括其后代元素 ，.val()是用来读取表单元素的"value"值。其中. html() 和.text()方法不能使用在表单元素上,而.val()只能使用在表 单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素 ；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第 一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容.
5. 总结：val()---一般 用在input上，而不用在其他元素，用来获取input或者是select的值
   html()和text()可用在多种元素上，但是html()相当于依据源代码返回，也就是在返回的内容中会包含各种tag，而text()则相当于是依据页面显示返回，返回的内容是除去各种tag之间 的内容

========

JQuery社区有人给出了办法：假设有文本 context，可以对一个jQuery对象 $(x)进行 $(x).text(context).html()，就会返回一个转义后的文本。 其实刚刚想起来，很多时候完全可以用text()函数对jQuery对象赋值就好了

========

文本编辑器中的内容为html格式

显示文本内容是在textarea中的，使用input传值

1.存储

var strCkeditor = CKEDITOR.instances['textareaId '].getData();

//为了客户端和服务器端校验的一致性，将全部的换行符替换掉

//（js和java中的处理不一致，java中的长度对于换行会对一个长度）

strCkeditor= strCkeditor.replace(/[\r\n]/g,"");

var obj = $("<div></div>");

//利用jquery的text方法进行转义 处理

obj.text(strCkeditor);

$("#hiddenId ").val(obj.html());

2.获取，时直接将值放在textarea就可以了

window.CKEDITOR.replace("textareaId);

3.动态修改文本编辑器中的值

//取出的内容

var content = dbStr;

var obj = $("<div></div>");

obj.html(strCkeditor);

CKEDITOR.instances['textareaId '].setData(obj.text());

4.文本编辑器中追加内容

CKEDITOR.instances['textareaId '].insertHtml(str );

 

注：灰色斜体是需要替换的内容（其实不是很清楚为什么会这样）

 

Q：为什么js和java中的长度会不一样，神奇……