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();

他のオプションはありますが、関係ありません。たとえば、font-control: マークアップのコードは次のとおりです。

   <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 に答える