0

我有一个关于将图像插入作为 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();
}

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

4

1 回答 1

0

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

于 2013-01-07T19:45:11.990 回答