1

ブログを書くためのこのフォームがあるブログアプリケーションを作成しました。フィールド、ブログ本文titleのインスタンス、追加用のテキストフィールド、および送信ボタンがあります。tinymce editortags

私がやりたいのは、デフォルトで、ページが読み込まれたときにフォーム全体をユーザーに表示することです。ユーザーはタイトルを入力できます。これで、ユーザーがテキストエディターにアクセスすると、クリックするとボタンが表示され、モーダルウィンドウでテキストエディターのみが開き、ユーザーはそのボタンを入力できます。

ユーザーが十字をクリックすると、テキストが基になるテキストエディタにコピーされます。私はjavascriptがあまり得意ではなく、いくつかのブログを調べましたが、それは役に立ちませんでした。どんな方向でも本当にありがたいです。ブログページがどのように見えるかのスナップショットを追加しています。

ここに画像の説明を入力してください

4

1 に答える 1

3

TinyMCE エディターを次のように初期化することから始める必要があります (必要なオプションを追加します)。

$(function() {
    tinyMCE.init({
            mode: "none",
            theme: "simple",
    });

    //whatever code
});

好きなモードを設定できますが、動的な作成 (モード: なし) を使用します。より詳細に制御できるからです。「任意のコード」でモーダルを初期化し、以下のコードを使用してモーダル内にエディターを作成します。

tinyMCE.execCommand('mceAddControl', false, 'id_of_textarea');

エディターのコンテンツを取得/設定するには、次のようにします。

tinyMCE.activeEditor.getContent();
tinyMCE.activeEditor.setContent('data in here');

モーダルを閉じる前に tinyMCE エディタを閉じる必要があります。そうしないと、次にモーダルを開いたときにロードに失敗します。閉じるには、次のコードを実行する必要があります。

tinyMCE.execCommand('mceRemoveControl', false, 'id_of_textarea');
于 2012-03-26T15:04:07.920 に答える