我正在编写一个插件,它将表情符号转换为特定网站的文本块中的图像.简单的答案是使用正则表达式来检测innerHTML上的触发器文本并插入img标记,然后将字符串传递回innerHTML部分中的dom元素.DOM元素块可能已经在innerHTML部分中具有锚<a>和/或文本格式<b>,<i>,<u>.
例如
var textBlock = pItems[i].innerHTML;
var kissSource = 'https://mail.google.com/mail/e/35D';
textBlock = textBlock.replace(/(^|[^<]|[^>]):\*/g, "<img class='emoticon' src='" + kissSource + "' />");
--> pItems[i].innerHTML = textBlock; //<-can I avoid this to be in compliance with Mozilla addons reqmnts
Run Code Online (Sandbox Code Playgroud)
我搜索了几个小时如何将DOM(或HTML字符串)转换为XML(我知道:HTML!= XLM 如何将HTML作为XML读取?但也许是div的一部分?),这反过来可能是转换为JSON,后者又可以转换回以下DOM:https: //developer.mozilla.org/en-US/docs/XUL/School_tutorial/DOM_Building_and_HTML_Insertion?redlocale = en-US&redctsctslug = XUL_School%2FDOM_Building_and_HTML_Insertion#JSON_Templating
我不知道jQuery,所以如果有可能使用javascript,那将是理想的.
我是否应该在不针对innerHTML运行正则表达式的情况下解决此问题,从而避免问题?
非常感谢,JennaS