問題タブ [rte]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - TinyMCE の自動拡張
TinyMCE エディタを自動拡張する方法はありますか? エディターの高さをコンテンツに依存させ、入力中に成長させたい。
グーグルで見つけたいくつかの解決策を試しましたが、どれもうまくいきませんでした。
TinyMCE の jQuery バージョンを使用しています
javascript - Web ページのスタイルをリッチ テキスト エディターにコピー/貼り付けできないようにする
私はnicEdit、mooEditable、MooRTEなどのいくつかの JavaScript 軽量リッチ テキスト エディター (rte) を 2 日間試しています(最後の 2 つは、私がこのプロジェクトで使用している mootools フレームワークを使用しているため、考慮されました)。
私の問題は、それらすべてで、Web ページから事前に書式設定されたテキスト (太字の単語、リンクなど) をコピーしてエディターに貼り付けると、既に書式設定されているように見えることです。
これはいいかもしれませんが、Web ページ全体をコピーして貼り付けると、エディターで Web ページ全体がレンダリングされるため、セキュリティ上の問題があります。
テキストを太字、斜体、リンクを追加、段落をインデントするなど、ユーザーがエディターで基本的な書式設定を行えるようにしたいだけです。
このタイプのエディター (プレビュー ボックス付き) は前述の問題に悩まされないため (テキストエリアに何かを貼り付けると、フォーマットされていないテキストになるためです)。 )。ただし、エディターは長い記事 (ほとんどのスタックオーバーフロー投稿よりもはるかに長い) を書くために使用されるため、これが私の場合に適切かどうかはわかりません。その場合、物事を即座にレンダリングする適切なエディターを用意する方がよいと思います (つまり、プレビュー ボックスではなく、テキスト領域で右を意味します)。私の意見では、本当の WYSIWYG エディターはより魅力的で使いやすいものです。
RTE を変更して、テキストを貼り付けたときに書式なしでレンダリングされるようにする簡単な方法はありますか? それとも、stackoverflow が使用するようなソリューションを使用する必要があると思いますか? (対決または類似) または、私が言及したコピーと貼り付けの問題がない RTE を知っていますか?
CKeditor、FCKEditor、および TinyMCE は複雑すぎて (重くて)、YUI のものは良さそうに見えますが、ライブラリ全体が機能する必要があるため、試していません。
ありがとう、
ファジーターン
javascript - Tinymce エディタ エラー
これは tinyeditor の私のコードです。しかし、動作していません。
javascript - YUI エディター (RTE): 選択範囲を aで囲み、フォーマットを失わないようにする方法は?
わかりましたので、私は先週かそこらで取り組んできた問題を抱えており、私が知っている、または見つけることができるすべてを試しました。私は YUI 2.x エディターを使用しており、ユーザーは重い書式設定を行っています。<span>ユーザーがクリックしたときに選択したテキストをラップする必要があるページに外部ボタンがありますが、書式設定を失うことなくこれを行う必要があります。何らかの理由で、次のようにすると、選択範囲内のすべての書式設定が消去されます。
_getSelectedElement()したがって、これを解決するには、 withを使用し_createCurrentElement('span')てスタイル要素を追加し直すのが最善の方法だと思います。ここに私がこれまでに持っているものがあります:
これ_getSelectedElement()は、正しいスタイルの要素を適切に返す場合にうまく機能しますが、ユーザーが段落全体を選択すると、BODY. BODYにはスタイルがないため、再び迷子になります 。
基本的に、ツールバーの Bold ボタンのように動作する必要がありますが、 a<span>と は使用しません<b>。なぜこれが難しいのですか?
アイデアや提案はありますか?ありがとう!
html - Flex RTE HtmlText を TLF TextFlow にインポート
私は Flex/Air アプリケーションの開発者として働いており、バグのある Flex RTE (RichTextEditor) を使用して、ユーザーがメモを管理できるようにしています。現時点では、TLF (Text Layout Framework) を使用して新しいテキスト コンポーネントを構築するのにどれくらいのコストがかかるかを評価しようとしています。
本当に重要なのは、RTE によって生成された HTML テキストをすぐにインポートできるかどうかです。TLF 1.1 のリストに関していくつかの制限があることは知っていますが、一般的に機能しますか?
次のような RTE から HTML 形式のテキストを取得しようとしました。
これを TextConverter に次のように渡すと:
Flash Player が例外をスローします。また、テキストをラップしようとしました
、しかし同じ問題。そのため、すぐには機能しないようです。あなたは何を経験していますか?これは私たちにとって非常に重要です。
更新 1:
上記のように HTML をインポートしようとすると (同じ変数宣言)、次のエラーが発生します。
その間、タグを削除して動作しましたが、問題はまだ残っています。
前もって感謝します!
javascript - Tinymce にすべてのコンテンツを段落内でラップさせるにはどうすればよいですか?
tinymce を使用して初期化しますforced_root_block: 'p',(これは通常正常に動作します)。私が直面している問題は特殊なケースのようです。私はFirefoxを使用しています。
私が押しctrl+aて、すべてのコンテンツがマークされているときに、1文字(例では「d」)を押します firbug を使用した詳細な検査
2 番目の文字をプッシュすると、エディターのコンテンツが段落にラップされます。
CSS と段落を使用してエディターのコンテンツのスタイルを設定する必要がありますが、段落がない場合、コンテンツのスタイルを設定できず、ユーザーがイライラする可能性があります。 この問題を解決するにはどうすればよいですか?
javascript - TinyMCE は保存時にスタイルを追加します
こんにちは: tinyMCE を使用しており、単語からテキストをコピーしてエディターにドロップしています。一度保存すると、正常に機能し、次の形式になります。
しかし、同じページに移動してもう一度保存すると、このコードが表示されます
jquery - JQuery textarea insert html ビットは RTE のようですが、RTE ではありません
OKここに行きます-私はa<textarea></textarea>が何を使うべきだと思うので、そうでなければ教えてください。適切なコードをテキストエリアに挿入する RTE のような一連の「ボタン」を作成してほしい。ただし、これは「実際の RTE」ではないことに注意してください。私が望むのは、RTE のような「メニュー」を備えたテキストエリアですが、ボタンは 2 つまたは 3 つしかありません。ボタンのコードは同じだと思います。うーん... どこに行くんだろう... OK これを試してみてください... この (StackOverflow) RTE には「画像」ボタンがあります。同じものを作成する方法を知りたいです(私が疑うすべてのボタンは基本的に同じであると言いました)。「モーダル」を使用すると、画像のsrc /アップロードまたはテキストエリアを貼り付けて、YouTubeリンクやFlickrリンクなどを許可できます(それらは別のボタンになります)ボタンなどを作成し、モーダルを開いたり閉じたりできます。<textarea></textarea>
ポインタと提案をお願いします。-ああ、私は完全なRTEをまったく必要としないので、「CKeditorを削減する」などは完全にやり<img src="">過ぎ<embed>です<a href="">。
javascript - 高さリスナー、jQuery
リッチ テキスト エディターを作成しています。
基本的に、デザインモードが有効になっている iframe があります。テキストの入力中または貼り付け中にユーザーが iframe の下部に近づいたときに、自動的にサイズを変更したいと思います。
サイズを変更する機能があります。
リスナーを追加するだけです。私の人生では、うまくいくものを見つけることはできません!
何か案は?
とても有難い
-意思
jquery - jqueryはiframe内のイベントをリッスンします
私はjqueryを使用して非常に単純なリッチテキストエディタを作成しています...サードパーティのものを使用したくありません。
入力から始めて、iframe内のイベント(同じドメインなど)をリッスンする必要があります。どうやら私はbind()をたくさん使う必要があるでしょう。
これは私が現時点で持っているもので、IE8では正常に動作しますが(驚くほど十分です)、Chromeでは動作しません。
上記のキープレスイベントでは、「edit.html」の現在の値を取得し、その値でテキストエリアを更新する必要があります...
どんな助けでも大歓迎です:)
どうもありがとう
編集:さらに説明すると、edit.htmlはを使用して編集可能なファイルです"document.body.contentEditable = true;"
-
編集2:
edit.html =