問題タブ [draftjs]

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.

0 投票する
2 に答える
1459 参照

draftjs - Draft JS のネストされた引用符

blockquoteドラフトjsでネストできるかどうか知りたいですか? 現時点ではconvertFromHTML、一連のネストされたblockquoteタグを変換するために使用していますContentStateが、最初のタグだけblockquoteがカウントされているようです。

ありがとう!

0 投票する
2 に答える
1861 参照

ckeditor - Draft.js VS CKEditor?

Draft.JS は CKEditor の代替と言えますか?

私は Draft.js について読んだことがありますが、これまでのところ、CKEditor を PHP、JS などすべてで使用できる React.js 用にのみ書かれていると結論付けました。

0 投票する
1 に答える
2105 参照

draftjs - コンテンツ ブロックを置き換える

彼ら!助けてください。

私が欲しいもの:Enterユーザーが新しい行から開始するときに、ユーザーが URLを入力し、 URL を含むブロックを削除して、それを custom に置き換えたいと押しますEntity。ドキュメントのメディアの例によく似ていますが、Add imageボタンはありません。

私が試したこと:(ただの大まかなドラフト)

それはほとんど私が望むことをしますが、挿入されたブロックはバックスペースを押しても削除できません.カーソルは右上隅にジャンプするだけです.

私の質問:ブロックを置き換える推奨される方法は何ですか? ブロックをどのように削除しますか? 挿入したブロックが削除されないのはなぜですか?

ありがとう!

0 投票する
1 に答える
336 参照

reactjs - draftjs からのデータ ブロックを表示する

mongodb に保存したままの状態で、draftjs エディターから反応コンポーネントに表示するにはどうすればよいですか?

これは私のデータベースにあるものです:

これをエディターに戻す (データを編集する) 方法を見つけました。すべてうまくいきます。しかし、フロントサイトに表示できません。

また、エディターのコンテンツをセマンティック HTML にエクスポートしようとしましたが、これが私が受け取ったものです: ドラフトjsエスケープhtml失敗

しかし、ご覧のとおり、文字列ではなくhtmlとして表示する方法がわかりません..

私の問題に対する良い解決策はありますか?

0 投票する
2 に答える
3460 参照

draftjs - Draft.js のリストの処理タブ

Draft.js によって提供されるエディターのラッパーがあり、タブ/シフト タブ キーを UL および OL と同じように機能させたいと考えています。次のメソッドが定義されています。

ここでは、_onTabに接続されているEditor.onTabを呼び出すメソッドがありRichUtil.onTab()、更新された を返すと仮定します。EditorState次に、これを、EditorState を更新し、いくつかのコールバックを呼び出すジェネリック メソッドに渡します。しかし、タブまたはシフトタブを押しても何も起こりません。

0 投票する
2 に答える
848 参照

clojurescript - Reagent で Draft.js を使用する

Draft.js を Reagent に適応させることができた人はいますか? Draft.js が を介してすぐにインポートされると、編集上のかなりの問題が発生しreagent/adapt-react-classます。カーソルがジャンプしたり、入力中に記号が消えたり、onChange間違った で呼び出したりEditorState、名前を付けたりします。

Clojurians/reagent の Slack チャンネルでこのような問題が報告されていますが、今のところ解決策はないようです。

どんな助けでも大歓迎です。

0 投票する
0 に答える
148 参照

reactjs - Draft.js はコンテンツのみを公開します

テキストの装飾 (主に強調表示) のために Draft.js に依存する単純なテキスト エディターを構築しています。カスタム構文の強調表示を備えた信頼性の高い入力を簡単に作成できる点が気に入っています。

ただし、これを行うにはエディターの状態全体を公開する必要があるという事実は好きではありません。value文字列を受け取り、プロパティを介して文字列を渡すプロパティだけを持つエディターが必要onChangeです。

これができるのは合理的なことのように思えますが、選択状態を転送するのがいかに難しいかということに私は唖然としています。

draft.js の実装方法が原因で、これを行うのは難しいと思います。valueプロップが変更されるたびに、プロップに基づいて新しい editorState を作成する必要がありますが、これは実行可能ですが、各状態に固有の不透明な識別子に依存しているためselectionState、古いものeditorStateと新しいものの間で転送するのは困難です。selectionState

誰かがこれを達成しようとしましたか? これに対してdraft.jsはやり過ぎなので、機能するより単純なソリューションを使用する必要がありますか? 私はデコレータのみを使用しているので、その部分を再構築するのはそれほど難しくないと思います.