内部で tinyMCE エディターを使用するインライン エディターipweditorツールを使用しています。彼らのデモ ページでは、IE で動作しない古いバージョンの tinyMCE を使用しています。それで、tinyMCE を最新バージョンに更新しました。
TinyMCE の古いバージョンでは、すべての HTML タグを含む定義済みのコンテンツが返されていましたが、新しいバージョンでは HTML タグのないテキストのみが返されていました。jsFiddle demoのリンクは次のとおりです。tinyMCE を構成して HTML タグも返す方法を知っている人はいます。
HTML
<div style="display:none">
<form method="post" action="somepage">
<textarea name="content" style="width:100%"></textarea>
</form>
</div>
<div style="border: solid thin gray; padding:5px;">
<div class="my_text"><b> <span>Click me! I am editable and WYSIWYG!!!</span></b>
</div>
Javascript
$(document).ready(function () {
var ed = new tinymce.Editor('content', {
mode: "exact",
theme: "advanced",
plugins: "emotions,table",
theme_advanced_toolbar_location: "top",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
theme_advanced_buttons1: "bold,italic,underline,fontselect,fontsizeselect,forecolor,backcolor,|,code,",
theme_advanced_buttons2: "",
theme_advanced_buttons3: "",
table_default_cellspacing: 0,
table_default_border: 1,
remove_linebreaks: false
});
$('.my_text').editable({
type: 'wysiwyg',
editor: ed,
onSubmit: function submitData(content) {
alert(content.current);
},
submit: 'save',
cancel: 'cancel'
});
});