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();
}
など、フォントサイズ、色などの他のオプションとともに。問題は、これに画像アップロード機能をどのように追加するかということです。ユーザーがいつでもエディターで画像をアップロードできるようにします。