問題タブ [epiceditor]
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 - JavaScriptで貼り付けたときにカーソルの位置が失われないようにするにはどうすればよいですか
contenteditable のエディターがあり、貼り付けを正しく機能させる方法を見つけようとしています。私は簡単に試しました:
editorIframeDocument
== contenteditable document
。
_setText
コード全体で使用される入力をクリーニングするための内部関数です。
_getText
できる場合は単純innerText
に、できない場合はシムです(Firefox)。
したがって、問題は、貼り付け時にカーソルが移動することです。例えば:
そこに貼り付けるWORD
と(エディターのふりをして)、カーソルはその上のパイプが見える場所に移動します。
ユーザーが貼り付けたものの最後、または正確には前のカーソル位置に常にカーソルを合わせるにはどうすればよいですか。extendOffset
でプロパティを使用できるようSelection
ですが、方法がわかりません。私もやってみcollapseToEnd
ましたが、カーソルがエディター全体の最後に置かれます。
何か案は?完全なソース コードが必要な場合: https://github.com/OscarGodson/EpicEditor/blob/feature/ticket-100/src/editor.js
支部にありますfeature/ticket-100
javascript - JavaScript で charset メタタグを設定する
ここで追跡しようとしているバグがあります: https://github.com/OscarGodson/EpicEditor/issues/184#issuecomment-8805982
すべての情報に基づいて、ブラウザがユーザーのネイティブ文字セット (この場合は)にデフォルト設定されており、私のマシンや米国の他のマシンとは異なるためのようです。HTMLを使用してエンコーディングを強制することで修正できると思います:ISO-8859-1
UTF-8
UTF-8
また
ただし、JS は機能していません。最初の例では:
DOM に挿入された次のものが返されます。
2番目の例でhttp-equiv
は、設定されていません:
次の HTML が返されます。
はい、動的に iframe を作成するので、これを動的に行う必要があります。これは問題ではないかもしれませんが、これはどのように見えるかです。私が考えることができる唯一の「ハック」は、どういうわけかinnerHTMLを使用することです...
javascript - スペースの代わりに EpicEditor のテキストが表示される
これ自体が実際の問題かどうかはわかりませんが、Epic Editorを使用して GAE アプリケーション (テンプレート エンジンとしてmakoを使用したwebpy ) にマークダウンを入力して保存しています。
フォームを送信すると、EpicEditor のコンテンツによって入力される非表示の入力要素がフォームにありましたが、すべての空白が に置き換えられました
。これは意図した機能ですか? EpicEditor サイトで同じコードを確認すると、代わりに明らかにスペースが返さ
れるので、何が違うのでしょうか?
注: データ ストアの TextProperty フィールドにコンテンツをマークダウンとして保存し、marked.js を使用してコンテンツを取得するときに html タグを生成したい
javascript - その中に置かれたコンテンツに基づいてEpicEditorのサイズを変更します
私は自分のサイトでepiceditorを使用しており、サーバーによってページに埋め込まれたマークダウンを設定しています。現在、epiceditorが表示されるとき、デフォルトの高さは非常に小さく、コンテンツ全体の表示を処理するためのスクロールバーがあります。divの高さは手動で設定できますが、今のところ、これが私ができる最高の方法です(800pxという適度な大きさに設定しました)。ただし、その高さは、スクロールバーなしでコンテンツ全体に収まるように常に十分な高さにしたいと思います。本質的にoverflow:visibleのようなもの。
これまでの関連部分は次のとおりです
そしてここにedit.jsソース(coffescriptからコンパイルされたもの)があります
コンテンツが挿入された後、リフローによって高さが拡張されることを期待していましたが、そのような運はありませんでした。ただし、divのサイズを変更してreflowを呼び出すと、正しくサイズ変更されます。高さを決定し、コンテナーのサイズを変更してリフローするように指示できることを期待して、作成されるマークアップを調べました。ただし、複数のiframeが含まれているようで、一見したところ、それがすぐに変更されるとは思っていませんでした。しかし、私はどんな解決策も歓迎します。
また、コンテナのサイズを適切な高さにすると、epiceditorが適切なスペースを埋めることも理解しています。ただし、エディターが残りのサイトデザインで適切なスペースを占めるように、その高さをレンダリングに必要な量にする必要があります。したがって、EpicEditorで設定できるものがあれば、それがそのままオーバーフローしないようにするか、ロード後の高さを決定する方法が設定されます。助けてくれてありがとう。
html - アプリは html コンテンツまたはマークダウン コンテンツをデータベースに保存する必要がありますか?
現在、ブログなどのコンテンツの編集を含む簡単なアプリケーションを構築しています。tinymc などの優れた HTML エディターを使用する予定のオプションがいくつかあります。しかし、マークダウンについて何かを見つけました。これは、使いやすく、最近でも人気があります。マークダウンをサポートするエディターの中では、EpicEditor が良い選択です。いくつかの理由から、WYSIWYG は面倒で複雑です。そこで、マークダウン エディターを使用することにしました。
次に、node.js サーバー側では、コンテンツを保存するための 2 つの選択肢があります。それは、タラのように、マークダウンまたは html のいずれかです。最初にマークダウンを解析して html に変換し、次にそれをデータベースに保存します。
html をデータベースに保存する利点は、コンテンツをロードするときに、アプリがマークダウンから html に解析する必要がないことです。マークダウンをデータベースに保存する利点は、ユーザーがコンテンツを再度編集したい場合に、クライアントがマークダウン コンテンツを編集しやすいことです。
javascript - EpicEditor にカスタム キーボード ショートカットを追加する方法はありますか
基本的に、カスタム キーボード ショートカットを EpicEditor に追加する方法を探しています。
CTRL+ENTER を押したときにカスタム JavaScript 関数を実行したいとします。
私もマウストラップを使用してみましたが、エディター自体では機能しません。
ありがとう!
javascript - エピシディターでファイルを開くには?
次のファイル構造があります
そして content.php には、次のJSコードがあります
「editor.open(file);」でファイルを開こうとすると 何も起こりません。また、ボタンを押したときにイベントが適切にトリガーされることを確認しました。これを修正する方法を知っていますか、それとも実際の例をお持ちですか... epiceditor Web サイトの API のドキュメントには、あまり説明がありません。
乾杯
javascript - EpicEditor で動的な値を設定する
私はEpicEditorを使用しています。以下は、epiceditor によって初期化するコードです。
データベースから取得している値があり、epicedior に表示したいと考えています。私は epicEditor を初めて使用し、その方法がわかりません。誰かがこれについて私を助けることができます! EpicEditor のエキスパート!!!
javascript - ページのロード後に EpicEditor のテキストエリアから値を同期する
プロジェクトの 1 つでEpicEditorを使用しています。そのため、 docに従って、 textarea id にプロパティを追加textarea
したので、ページが最初に読み込まれたときに textarea のすべてのコンテンツが EpicEditor に表示されます。よく働く!!!
問題:
その特定のレコードについてサーバーからリアルタイムの更新を取得しており、それに応じてフォーム フィールドの値を更新しています。そのため、EpicEditor で新しい値を設定できません。参照テキストエリアの値を更新しましたが、EpicEditor と同期しません。
解決
参照テキストエリアで更新が発生するたびに、EpicEditor で新しい値を設定したいと考えています。
javascript - epiceditor にテキストを追加する方法
epiceditor の stackoverflow マークダウン エディターに似たヘルパー ボタンをいくつか作成しようとしています。
この方法を試しましたが、実際には実際のファイルを上書きし、追加しません
これは太字ボタンの例です
epiceditor を使用してファイルにテキストを追加するにはどうすればよいですか?
このソリューションは、大きなファイルではやり過ぎだと思います