問題タブ [wysiwym]

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 投票する
1 に答える
155 参照

javascript - テキストを強調表示して色を適用し、選択した部分のハイパーリンクを作成するにはどうすればよいですか

たくさんのテキストを選択したい(選択はユーザーによって異なります)、プレーンテキストになります。ユーザーがテキスト範囲を選択するので、それを強調表示し、示すためにいくつかの色を適用する必要があります。可能であれば、テキスト内で強調表示されているすべての領域に移動できるように、ハイパーリンクとして作成する必要があります。

クイックブラウンフォックスは怠惰な犬を飛び越えます、クイックブラウンフォックスは怠惰な犬を飛び越えますクイックブラウンフォックスは怠惰な犬を飛び越えますクイックブラウンフォックスは怠惰な犬を飛び越えます、クイックブラウンフォックスは怠惰な犬を飛び越えます、クイック茶色のキツネは怠惰な犬を飛び越えます、速い茶色のキツネは怠惰な犬を飛び越えます

ユーザーは、強調表示する必要のある選択に基づいて、任意のテキスト範囲を選択できます。

  1. それを達成するためのデモまたはドキュメントを含むjQueryライブラリはありますか?
  2. これにWMDエディターを使用できますか?それは私たちの要件に合うでしょうが、私はwmd-editorがそれをサポートする機能を持っているかどうかわからないので。または、ライブプレビューとハイライトテキストを備えたエディター。

jQuery librayを検索したところ、ニーズに合ったライブラリが見つかりませんでした。

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

xml - Web ベースの WYSIWYM XML エディターを構築する技術者

当社の製品の 1 つで、かなり複雑な文法を持つ XML スキーマがあり、スキーマに基づいて基本的なドキュメントを作成できる「基本的な」グラフィカル エディターが必要です (複雑なことは常にプログラマー モードで行うことができます)。

WYSIWYG は多かれ少なかれ不可能であり、有意義に行うのは時間の無駄です。そのため、私は WYSIWYM ソリューションを調査しています。

アプリケーションはそもそも Web ベースなので、エディタも Web ベースにできれば非常に便利です。

私はjaxeと私たちのスキーマでかなり遊んできましたが、まさに私が探しているものです。ただし、構成機能では、ドキュメントのレンダリング方法を十分に制御することはできません。私が思いつく解決策では、「ドキュメント エディター」ではなく、XML エディターが必要になります。Visual Studio 風の WinForms エディターに近いものが必要です。

私たちは、理想的なエディタがどのようなものになるかについてかなり確固たるビジョンを持っていますが、(私が思うに) jaxe ではそれを構築することはできません。それは、Web ベースではありません (アプレットなし)。

Wymeditor エディターは、XHTML 用に作成されたかなり堅実なツールのように見えますが、スタイルは私たちが望むものと似ていますが、自分でゼロから作成したのではないかと思います。

私の質問は、私が (おそらく不十分に) 説明したように、エディターを構築するのに役立つ現在のテクノロジまたはアプローチに関する推奨事項を誰かが持っているかどうかということだと思います。

0 投票する
8 に答える
10259 参照

javascript - javascriptでダブルアスタリスクを太字に変換するMarkdown

Stackoverflow が行ったように、独自のマークダウン可能なテキストエリアを作成しようとしています。目標は、人々が**blah blah**テキストエリアに入力して、div に出力できるようにすること<span style="font-weight:bold;">blah blah</span>です。

**アスタリスクを見つけてHTMLに置き換えるJavaScriptに問題があります。

ここにパーティーを始めたjsfiddleがあります:http://jsfiddle.net/trpeters1/2LAL4/14/

ここに私がどこにいるのかを示すためのJSがあります:

そしてHTML...

どんな考えでも大歓迎です!

ありがとう、ティム

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

javascript - キーダウン時の通常の文字と半分の文字の違い

実験的なMediawikiVisualEditorをフォークしました。このWYSIWYMエディターは、非表示のテキストエリアとDOMのコンテンツの表現で機能します。ビューにフォーカスを合わせると、テキストエリアにフォーカスが移り、ビューはキーダウンイベントをリッスンして、入力された各文字をコンテンツに追加し、テキストエリアの値を空にします。

この問題は、MacOSXでのみ半分の文字で発生します。^または¨、または2番目の文字を印刷する必要のある文字を入力すると、キーダウンイベントが発生します。したがって、ユーザーが「ê」が必要な場合は、「^」と入力します。ビューはtextarea値('^')を取得し、textarea値をクリーンアップします。次に、ユーザーは「e」と入力します。ビュー表示'^e'。また、ボーナスとして、Chrome(この場合はFirefoxの方が優れています)では、ウィンドウをリロードせずに、現在のページのアクセントを入力に入力することはできません。

本物のキャラクターとハーフワンのキャラクターを区別する方法はありますか?

0 投票する
3 に答える
130 参照

javascript - Web 開発ツールを使用して、MathType などのデスクトップ アプリケーションのように、実際に機能する WYSIWYM 数学エディターを作成することは可能ですか?

このことを試み始める前に、次の状況下でそれが可能かどうかを知りたいと思っていました:

  • 計算を実行し、提出し、データベースに保存できる必要があることをスクリプト化するコード
  • まったく同じように見える 2 つの数学のコードは、まったく同じコードでなければなりません
  • 要件によると、ユーザーがマウスをクリックすると、キャレットはその特定の要素または数学の一部に移動する必要があります

それで、それは可能ですか?最後の手段として、HTML、JavaScript、jQuery、さらには Flash などのテクノロジを使用することを楽しみにしています。

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

tabs - タブキーを処理するリッチエディタ

タブ入力キーを実際に処理するWebエディタはありますか?実際に処理するということは、4つの空白を挿入しない、または単に無視するという意味です。

ソースコードを入力するために必要なので、タブキーは適切に動作する必要があります。また、太字や斜体などの基本的な機能を追加する必要があります。私はすべての大きなもの(TinyMCE、CKEditor、YUI Rich Editorなど)を試しましたが、どれもタブを適切に処理していないようです。これはブラウザの問題だと思います...

ありがとうございました。

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

python - Markdown サーバー側の処理と Python を使用したクライアント側でのレンダリング

MDエディターを使用して、SO形式で質問を作成する方法。データがどのようにサーバーに送信され、どのように保存されてからレンダリングされるかを知りたかったのです。入力しているテキストのライフサイクル。

ここにマークダウンでテキストを入力します。サーバーにどのように送信されるか、つまり、書式設定がどのように処理されるか、保存された後、クライアントにどのようにレンダリングされるかを意味します。Pythonでこれを行うにはどうすればよいですか?ベストプラクティスは何ですか。

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

jquery - rails 3 + jquery + markdown editor = メソッドがない

私はRailsは初めてで、jqueryは初めてです。私が今書いているものと同様に機能するマークダウンエディターを取得しようとしています。Rails アプリは twitter-bootstrap と social-share も使用します。

現在jquery-wysiwymをテストしていますが、次のエラーが発生します。

私のページには、頭の中に次のものがあります。

そして、これはページの下部にあります:

私は少し立ち往生しているので、助けていただければ幸いです。

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

markdown - Markdown wysiwyg Editor と同じ Textarea でのプレビュー

html 用のBootstrap WYSIHTML5のように、Markdown 構文とプレビューを同じテキストエリアに記述できるエディターを探しています。

ここに画像の説明を入力

追加のプレビューは好きではありません。追加要素のプレビューには多くのスクリプトがあり、ウェブで見つけることができます。しかし、私にとって重要なのは、編集要素がビュー要素でもあり、マークダウンで書いて見ることです。Hallo.jsは素晴らしいかもしれませんが、textarea 要素では機能しないと思います。また、ボタンと機能の小さなリストを大きすぎないように、小さなソリューションを使用できることも問題ありません。textarea も私にとって重要です。ユーザーが PHP で send post を使用して、Javascript を使用せずに保存する理由です。目標は、簡単なメモ、マークダウンの書き込み、代替ボタンを使用して書式設定し、書式設定されたコンテンツのみを読みやすく表示することです。

ヒント:質問 #1質問 #2を読みましたが、解決策は CK Editor と Aloha だけです。2 つの素晴らしいプロジェクトですが、私の小さな要件には非常に大きなものです。

お時間をいただきありがとうございます。