問題タブ [medium-editor]

メディア エディター プラグインを使用して、Laravel プロジェクトのパブリック フォルダーに格納されている画像をデータベースに保存する方法

親要素が編集可能であるのに、中型エディタで子要素を編集できないようにする方法。例：

いくつかの（高度な？）角が頭を痛めています。

目標は、WYSIWYG HTML エディターを拡張して、ユーザーが特定の角度ディレクティブを任意の HTML コンテンツに挿入できるようにすることです。私はmedium-editorとそのangular-medium-editorラッパーを選択しました (しかし、より良い解決策がある場合、私はそれに固執していません)。

この Plunkは、エディター ディレクティブが (editable属性を使用して) インスタンス化され、アクティブ化される方法を示しています。ツールバーは、選択したテキストの周りにカスタム ディレクティブを追加するボタンを含むようにカスタマイズされています:<my-custom-directive class="bg-info"> ... </my-custom-directive>. (デモンストレーション用に、カスタム ディレクティブはそのコンテンツをボタンにラップ (トランスクルード) し、クリックするとアラートをトリガーします)。

エディター内のディレクティブがコンパイルされるように、エディターのコンテンツを (再) コンパイルする際に問題があります。使用$compile(element.contents())(scope)すると、トランスクルージョンを使用するディレクティブに対して ngTransclusion:orphan エラーがスローされます。(これは、エディターのlink関数が呼び出されるまでに角度が既にトランスクルージョンを行っているためだと理解しています。)

トランスクルージョンを使用しないように、すべての潜在的なカスタム ディレクティブをリファクタリングすることはできません。

任意のエディター コンテンツ (多くの異なるディレクティブを含む可能性があります) を正常にコンパイルするには、どのようなパターンを使用できますか? これは、$compile の使用が正当化される「フリンジ ケース」の 1 つですか? もしそうなら、私はそれをどのように使用しますか？

メディア エディターを VueJs ディレクティブと統合しようとしています。

うまく機能していますがvalue、フィールドの初期プロップが最初にメディア エディターに入力されていません。中程度のエディターでテキストを更新するとすぐに、リンクが確立され、html がテキストエリアに取り込まれます。

指令：

エレメント：

に値が入力される前に bind 関数が実行されているようtextareaです。

これら2つを統合した経験のある人はいますか？

プロジェクトでメディアエディターを使用しており、キャレットの位置を取得しようとしています

しかし、私は未定義になり続けています。誰もこれを達成する方法を知っていますか?

私はdivを使用して中型エディタと中型エディタのマークダウンを持っています

ユーザーが の中に入力すると.editable、textarea同期されます。

ボタンをクリックすると、画像が追加されます.editable

私の問題はマークダウンのみの更新です.editable keypress

そのため、テキストを追加すると、内部のキーをもう一度textarea押さない限り、同期しません.editable

画像を追加した後に更新するようマークダウンに指示する方法を知っている人

ステップの画像をUPDATEしました。

私はミディアム エディターに関係するすべてのことを考え続けており、私が達成したいことの終わりに向かっていますが、この最後のものには困惑しています. Medium Button拡張機能を使用して、関数を起動してからクリックするカスタム ボタンを作成しています。新しい HTML をエディターに貼り付けようとするまでは、すべてうまくいっています。jQuery クリック関数は次のとおりです。

Sally をコードに追加します。それはうまくいきます。私が問題を抱えているのは、編集可能なフィールドで、キャレットが終了タグの直前に配置されていることです。そのため、人々がタイピングを続けると、そのマークをキックアウトしたいときに、そのマークにテキストを追加し続けます。キャレットをタグの外に移動する方法が必要です。

誰にもアイデアがありますか??

ありがとう！