問題タブ [medium-editor]

これは私の設定です

HTMLテキストを貼り付けると、タグとタグだけでなく、属性も削除されることが期待idされます。しかし、それは起こっていません。ここでプランカーを参照してくださいstyleabr

私は何か間違ったことをしていますか？

私は優れたMedium Editorを試してきました。私が抱えていた問題は、「仕事」へのリンクを取得できないように見えることです。

簡単に言うと、問題を示すために使用する HTML/JS を次に示します。

HTML:

Javascript:

このフィドルは問題を示しています (上記のコードを使用)。

• リンクにカーソルを合わせると、ポップアップが表示されます。
• リンクをクリックしても何も起こりません。
• ポップアップをクリックすると、リンクを編集できるフォームが表示されます。

リンクをクリックすると、リンクhrefがターゲットにしている場所に移動できるように思えます。リンクを使用する唯一の方法は、右クリックして新しいタブまたは新しいウィンドウで開くことです。これはユーザーに求めたくありません。

構成に単純なものが欠けているように感じます (アンカー プレビュー オプションまたはアンカー フォーム オプション)。残念ながら、私はそれを見ていません。

^{私の実際のアプリケーションでは、を使用していませんjQueryが、使用していangularjsます。厳密にミディアム エディターの回答が存在しない場合は、基本的な JS または angularjs が提供するものを使用するようにフォールバックできます。}

contentEditable を使用しているが React には含まれていないコンテンツ エディター (具体的にはミディアム エディター) を使用しています。誰かが画像をドラッグ アンド ドロップしたり、画像を挿入したりできるユース ケースがあります。私の質問は、エディターの html に以下を追加する代わりに:

理想的には React コンポーネントを追加したいと思います。

つまり、React コンポーネント外の html 要素の contentEditable や innerHtml に React コンポーネントを追加することはできますか?

contentEditable を使用して、ミディアム スタイルの挿入ボタンを追加します。

このボタンはカーソルと同じ行に表示されますが、入力を開始するとすぐに非表示になります。Return キーを押して新しい行を開始すると、再び表示されます。

たとえば、これを見つけました：http://linkesch.com/medium-editor-insert-plugin/

しかし、依存関係は非常に大きく、画像のアップロードなどが既に完了しているため、既存のプラグインを使用する必要はありません。

提供されたリンクと同じ効果を達成するための助けはありますか? 入力行の先頭に配置できる単純なボタンである必要があります。

ありがとう。

メディアエディターでカーソルの位置を特定のパラグラフに変更する方法。ターゲット para のノードをフェッチできますが、カーソルを再配置できません。試してみfocus()ましたが、うまくいきません。も試しEditor.selectElement(ました）しかし、それはパラ全体を強調表示し、カーソルを動かしませんでした。これについて何か助けはありますか？初心者から編集者まで。前もって感謝します

https://github.com/yabwe/medium-editor

ユーザーがテキストを書き込める単純なフォーム フィールドにMediumEditorを追加したいと考えています。Rails 用のgemがありますが、単純なフォーム内でそれを実装する方法がわかりません.. f.input フィールドはどのように表示されますか?

現在、記事を編集できるプロジェクトでMedium Editor JS Cloneを使用しています。

エディターはうまく機能しています。要素とコードをきれいにフォーマットできますが、編集中に写真を追加する方法を見つけようとしています。

優れた解決策は、絶対モードでアクティブな段落にサイド ボタンを追加することですが、現在のアクティブな段落にクラスを追加する方法が見つかりませんでした。

これはそれが生成するものです：

これが私が持ちたいものです：

したがって、エディターの div 内のどの p が現在アクティブであるかを知ることで、サイド ボタンの上部の位置を設定し、クリック時にアップロードしたばかりの写真を段落に追加できます。

「アンカー」拡張機能ボタンのラベルを変更して、ブラウザ リンクの Unicode 記号 (U+1F517) を使用したいと考えています。fontawesome をインストールしたくありません。

これを行うには、拡張機能を変更するか、サブクラス化する何らかの方法が必要です。助言がありますか？