問題タブ [designmode]
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.
wysiwyg - iframe ではなく contentEditable を使用する WYSIWYG はありますか?
designMode iframe ではなく contentEditable を使用する WYSIWYG エディターのリストを探しています。
これが必要な理由は、サイトにユーザーが編集できるいくつかの領域 (div) が必要であり、スタイリング (フォント、フォントの色など) が必要だからです。編集領域で通常と同じように表示されます。WYSIWYG の iframe にスタイルシートを適用する必要はありません。
軽量で無料/オープンソースのものを知っている人はいますか?
html - DIVContenteditable拡張の問題
テキスト入力として機能するようにcontenteditableがtrueに設定されたdivがあります。現在、通常、一部のテキストがdivの終わりに達すると展開されますが、divのサイズを変更すると、これは発生しなくなります。ブラウザはこれ以上これを行いません。サイズを自動に変更してから高さを設定しようとしましたが、どちらも役に立ちませんでした。
それについて私を助けてください。ありがとう。
javascript - HTML designMode、デフォルトのキープレスハンドラーを使用してプログラムでカーソルを移動します
私はすでに答えを得ましたが、私はこれに小さな報奨金を始めます。答えは不可能だということなので、私は別の解決策や他の提案を探しています。
HTMLのdesignModeを使用して非常にカスタマイズされたエディターを作成しています。ある状況では、実際のキーを1回押すときに、キーを押すというデフォルトのアクションを2回実行する必要があります。この場合、私はDOWNキー(keyCode 40)について話しています。|
それを押すときは、カーソル( )を次の行に置いて、1行スキップしたいと思います。好き:
下矢印キーを押した後:
Keypressイベントをプログラムで設定し、JavaScriptでトリガーしてみましたが、カーソルが移動しません。これを行う方法についてのアイデアはありますか?
javascript - Firefox で moveStart を代替するには?
range.moveStart が IE で動作するのと同じ方法で range.setStart を使用する方法を知っている人はいますか? 次のようなJSでバックスペース/削除を実装したいと思います:
range.moveStart('文字',-1); range.deleteContents();
しかし Firefox では
javascript - execCommand の代替
jQueryをフレームワークとして使用して、さまざまな方法を使用して生産を容易にするWYSIWYGエディターを作成しようとしています。
私は実際に現在機能しているエディターを持っていますが、うまく機能しています。iFrame を使用し、その designMode を on に設定して、そこから移動します。しかし、私を悩ませていることがいくつかあります。
選択したテキストのフォントファミリーを変更する例を考えてみましょう。現時点ではこれを使用しています:
…これで問題なく動作します。iFrame で変更が正しく表示されます。ただし、実際にコードを見ると(iFrame内のコードを非表示の入力にコピーしてからPOSTします)、生成されます
Apple-style-span の最初のクラスは webkit のものであり、問題ではないことに気付きました。私を悩ませているのは、全体の使用です<font>
。
execCommand を調査すると、ほとんどのブラウザーでサポートされていますが、標準ではないようです。しかし、それは古いので、誰かが同じ効果を生み出すためのより良い方法を聞いたり知ったりしたことがないかと思っていました。また、iFrame に限定されるのではなく、代わりに を使用できることも素晴らしいでしょう<textarea>
..
よろしくお願いします、ガレス
編集: contentEditable は、iFrame を使用しないという私の目的に役立ちますか?
debugging - VisualStudioDesignerでのデバッグコントロールのクラッシュ
アプリケーションをビルドするときにフォームデザイナでクラッシュするコントロールがあり、問題をデバッグする方法を見つけようとしています。
デバッガーを使用できるようにするために必要なのは、VSの2番目のコピーを開始し、Debug-Attachを使用して、面倒なコントロールを備えたソリューションが含まれているVisualStudioのコピーを処理して添付することだけだと思いました。それをしましたが、コントロールがクラッシュしても何も起こらないので、何か間違ったことをしていることがわかります...
クラッシュはデザイナで発生し、メッセージボックスを返します。
OtherProjectはソリューションの一部であり、フォームとカスタムコントロールの両方を含むプロジェクトによって参照されます。
メッセージボックスを閉じると、コントロールはフォーム上のコントロールのスタックトレースを表示しますが、行番号が含まれていないため、問題の原因がわかりません。
javascript - designMode IFRAME の値を取得できません
の場合、iframe のコンテンツを取得できませんdesignmode = 'on'
。これが私のコードです:
私はすべてを試しましたが、何もうまくいきません。
javascript - designModeは悪いですか?
ここに投稿した以前の投稿で、contentEditableとdesignModeは悪い習慣であるという回答がありました。そこでTinyMCEに切り替えましたが、designModeも使用しています...何か悪い点はありますか?
私のウェブサイトfyiのリッチテキストエディタに使用しています。
wpf - デフォルトの言語ではなく、特定の言語でローカライズされたテキストを表示する方法 (デザイン モードの場合)?
現在、アプリケーションに.resx
ファイルを使用しlocalize
ています。アプリケーション フォームの UI はdesign mode
、既定のカルチャを使用して表示されます (つまり、en-US
私の PC では)。
その文化を別の文化に変更したいのですが、たとえば my local culturevi-VN
ですが、その方法がわかりません。
方法を知っている場合は共有してください!ありがとうございました!
wpf - WPFデザインモードでバインドされたプロパティに表示する値を設定するにはどうすればよいですか?
バインドされたコンテンツはempty
、UIデザインモードで文字列として表示されます。それらのコンテンツに偽の値を表示したいのですが、方法がわかりません。
方法を知っているなら共有してください。ありがとうございました!