Question

我有一个关于将图像插入到作为iframe加载的简单文本编辑器中的问题，我已经对其进行了简单编码，这里是标记：

 <iframe id="textEditor" style="width:500px; height:170px;" scrolling="no">
</iframe>

这是与之相关的javascript：

textEditor.document.designMode="on";
textEditor.document.open();
textEditor.document.write('<head><style type="text/css">body{ font-family:arial; font- size:13px; }</style> </head>');
textEditor.document.close();

其他选项在那里，但不相关，例如，这里是字体控制的代码：标记：

   <select id="fonts" onChange="fontEdit('fontname',this[this.selectedIndex].value)">
   <option value="Arial">Arial</option>
   <option value="Comic Sans MS">Comic Sans MS</option>
   <option value="Courier New">Courier New</option>
   <option value="Monotype Corsiva">Monotype</option>
   <option value="Tahoma">Tahoma</option>
   <option value="Times">Times</option>
   </select>

的javascript：

 function fontEdit(x,y)
{
textEditor.document.execCommand(x,"",y);
textEditor.focus();
}

等等，以及字体大小，颜色等的其他选项。问题是，我将如何添加图像上传功能？这样用户可以随时在编辑器中上传图像。

Answer 1

如果您想使用像上传这样的ajax，那么您需要使用另一个iframe，或者您可以像ajax-upload那样使用库，在onComplete事件中，您可以在编辑器中创建图像。

将图片上传添加到iframe rte

1 个答案: