1

私は Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor を使用していますが、フォームが投稿されたとき、テキストエリアの値は null で、もう 1 つ、TextArea で Required Attribute を使用しましたが、テキストエリアにテキストを入力せずにフォームが投稿されます. 以下は私のコードです -

HTMLコード

<textarea name="Content" id="txtEditor" class="form-control" placeholder="Have a New Face To Slap! Post Here" maxlength=250 required></textarea>

Jクエリコード 

    //I am Enable TextEditor On TextArea Click
$(document).ready(function() {
        $("#txtEditor").click(function(){
                $("#txtEditor").Editor();

        });

次の Div は、Textarea に入力された値を保持する WYSIWYG エディターによって生成されます

<div class="Editor-editor" contenteditable="true" style="overflow: auto;">Text Area value&nbsp;</div>
4

2 に答える 2

1

私は WYSIWYG Editor を使用していませんが、あなたの問題によると、私はあなたのために利用可能な解決策を持っています.

解決策：あなたはDiv With Class Editor-editorにWYSIWYGエディターで入力した値を持っています。それをあなたに入力する必要がありますが、jqueryクラスセレクターを使用して簡単にそれを行うことができます-以下のコードを参照してください-

送信ボタン付きのタグが必要なので、からコンテンツをコピーしようとしています

<button class="btn btn-primary pull-right" type="Submit" onclick=" $('#txtEditor').val($('.Editor-editor').text());">Post</button>

WYSIWYGエディターを配置したあなたのWYSIWYGエディターに入力したテキストが表示されます

于 2016-04-11T08:49:05.907 に答える
0

一部のエディターを使用しているときに、エディターが実際には別の ID で作成したテキストエリアとは別に作成されることに気付きました。エディターが確実に ID "txtEditor" を使用していることを、firebug などのツールで確認する価値があるかもしれません。

于 2016-04-10T11:18:59.090 に答える