在dojo编辑器中插入div标记时，如何分离两个div标记

Question

我有问题，请帮帮我。

我制作了一个对话框，在dojo编辑器中插入一个具有以下描述的图像链接：

var img_link =   "<div id="image"><img src='test.jpg' alt=''/><div id='description'>Description of image </div></div>"
//insert image with description to editor
var ed = dijit.byId('editorId');
ed.focus();
ed.execCommand("inserthtml", img_link);

我可以成功地将链接插入编辑器，但其余内容是链接的一部分。我希望第二个div元素与其他内容分开。我该怎么做？

Answer 1

为要插入的图像和描述创建一个单独的变量：

var img_link = "<img id='myImage' src='test.jpg' alt=''>";
var img_desc = "<div id='description'>Description of image</div>";

然后分别插入：

ed.execCommand("inserthtml", img_link);
ed.execCommand("inserthtml", img_desc);

请注意，在插入每个元素之前，您需要更新dijit.byId（"）。

用于包含图像和描述元素的外部元素应该在html页面上，而不是包含在img_link变量中：