我正在使用现有的API来预加载textarea中的数据。我遇到的问题是，当我在data-trix-attachment属性中有一个json对象时，我的HTML代码中断了，浏览器无法读取它，因为单引号内有双引号。
如果我将属性更改为单引号，那么我必须使我的data-trix-attachment json对象双引号，这将使我遇到同样的问题。
下面的剪辑是动态生成的，因此我对修改它的权限非常有限。有人会对我的方法有所了解吗？ 格式，以便浏览器可以读取它？
<input id="139" value="<div><a data-trix-content-type="image/png"
data-trix-attachment="{'contentType':'image/png','filename':'Screen Shot 2015-11-16 at 11.36.45 AM.png','filesize':9291,'height':77,'href':'http://localhost/gu/attachments/2015-11-161447699983504-Screen Shot 2015-11-16 at 11.36.45 AM.png','url':'http://localhost/gu/attachments/2015-11-161447699983504-Screen Shot 2015-11-16 at 11.36.45 AM.png','width':305}" href="http://localhost/gu/attachments/2015-11-161447699983504-Screen Shot 2015-11-16 at 11.36.45 AM.png"><figure class="attachment attachment-preview png"><img src="http://localhost/gu/attachments/2015-11-161447699983504-Screen Shot 2015-11-16 at 11.36.45 AM.png" height="77" width="305"><figcaption class="caption">Screen Shot 2015-11-16 at 11.36.45 AM.png <span class="size">9.07 KB</span></figcaption></figure></a></div>" type="hidden" name="content"> <trix-editor input="139"></trix-editor>
答案 0 :(得分：0)
您希望将内部引号替换为HTML文字。这称为转义。
双引号的HTML文字代码为"。
编辑：只是为了澄清，我的意思是第二层引号。你的代码就像（截断的）：
<input id="139" value="<div><a data-trix-content-type="image/png" data-trix-attachment="{[JSON DATA]}" href="http://[URL]"></a></div>">