TinyMCEを使用してtextarea
をフォームにエンハンスすることを決めましたが、TinyMCEがその要素をラップするので、元の要素のスタイリングとjQuery機能が中断されましたiframe
および数えてdiv
である。 TinyMCEの機能(テキストの書式を保持するなど)を取得するだけでなく、オリジナルのtextarea
に関連付けられていたスタイリングや機能を失うことができないようにすることが大好きです。私はTinyMCEのドキュメントを見ましたが、これについては何も見つかりませんでした。誰かがこれを達成するためのどのような考えを持っていますか?TinyMCE - 選択された要素のスタイルと機能を維持する
私のフォームはそうのようなtextarea
ています:
<head>
<script>tinymce.init({ selector: 'textarea' });</script>
</head>
<div class="form-element">
<div class="label-container">
<label for="body">Post</label><span class="warning">Please fill out this field</span>
</div>
<textarea id="body" class="input-field" name="body"></textarea>
</div>
が、TinyMCEのはlabel
/textarea
関係を壊し加えます。
また、jQueryの機能は、この検証スクリプトとして、壊れていない:
$("form").submit(function(e){
tinyMCE.triggerSave();
var inputFields = $(".input-field");
var proceed = true;
for(var i = 0; i < inputFields.length; i++){
if($(inputFields[i]).val() == ""){
$(inputFields[i]).css("border", "solid 3px #E86F3A");
$(inputFields[i]).prev().find(".warning").show();
var proceed = false;
e.preventDefault();
}
else{
$(inputFields[i]).css("border", "none");
$(inputFields[i]).prev().find(".warning").hide();
};
};
//OTHER STUFF...
});
textarea.input-field
がinputFields
変数に拾わなくなっているからです。
簡単に言えば、TinyMCEラッパーは、それが接続されている要素のスタイリングと機能を「継承」するように探しています。可能?