問題タブ [wysihtml5]

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 に答える
1241 参照

ios - iPad のテキスト入力とテキスト選択が正しく機能しない

これは説明が難しいので、コードは貼り付けません。

私は自分のサイトに wysihtml5 という wysiwyg エディターを実装していますが、iPad でテキストエリア/エディターを選択するときにいくつかの問題があります。デスクトップ ブラウザでは問題なく、テキストの選択、編集、貼り付けなどを行うことができます。しかし、iPad では複数の問題が発生します。

  1. テキスト内のどこをタップしてもカーソルをそこに移動できない
  2. 手動でカーソルを移動すると、突然何も入力できなくなりました
  3. texteditor の外側をタップしてもキーボードが下がらない

基本的に、テキスト入力フィールドでiPadカーソルが正しく動作しないという同様の経験をした人がいて、可能な解決策があることを願っています。私は立ち往生しており、これをデバッグする方法がわかりません。

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

ruby-on-rails - rails_admin の wysihtml5 は効果の代わりにタグを表示します

ここsferik/rails_adminで説明されているように、 gem とwysihtml5テキスト フィールド エディターを使用しています。1つの考えを除いて、すべてが正常に機能しているようです。うまくいきません。たとえば、 /admin ページには次のように表示されます。 1

そして、私のページには次のように表示されます。 2

そして、すべての効果で同じ問題が発生します。太字のテキストでも次のように表示されます: b> 太字のテキスト /b>

これを処理するのを手伝ってもらえますか? 4 ご清聴ありがとうございました!

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

wysihtml5 - wsihtml5 で HTML 入力タグと値を許可する

私はwysihtml5をbootstrap-wysihtml5とともに使用してhtmlテンプレートを保存しています(そして、ある時点でwysihtml5にロードする必要があります)。エディタ上で入力タグを許可できるようにしたいです。

ユーザー ワークフローは次のようになります。

  1. 「input=text」と「input=checkbox」でテンプレートを作成し、保存します。
  2. 保存したテンプレートを wysiwyg5 にロードします (入力が表示されるので、ユーザーはチェックボックスをオンにしたり、別の値を入力したり、別の HTML を追加したりできます)
  3. 全データ再保存(入力値・チェック状態含む)

Bootstrap-wysihtml5 parserRules に次を追加しました。

そして、これは(HTMLソースビューで) <input/> 要素を追加するのにうまく機能しますが、ユーザーが入力に挿入した値を保存できません。

これを達成する方法に関するヒントはありますか?

編集1:

ここに問題を示すフィドルがあります: http://jsfiddle.net/KuA9Z/1/

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

javascript - JQuery - 未定義のプロパティ 'Editor' を読み取ることができません

いくつかの WYSIWYG HTML5/JQuery エディターを試しています。ただし、Bootstrap WISWYG と Summernote の両方で、「undefined のプロパティ 'fn' を読み取れません」または「undefined のプロパティ 'Editor' を読み取れません」というメッセージが表示されます。GitHub にある標準ファイルを使用しているだけです。JQueryプラグインを使用してこれらのエラーに精通している人はいますか?

編集

私は今Bootstrap WISWYGを試しています

私の体の中に私が持っている

私のjsでは、私は持っています

ただし、エラーは次のとおりです。未定義のプロパティ 'Editor' を読み取ることができません (157 行目)

157 行目:

JSFiddle: http://jsfiddle.net/MgcDU/8125/

編集2

JS ファイルを 1 つ含めるのを忘れていました。ただし、それを含めた後、新しいエラーが発生します。

エラーが参照するコード行:

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

javascript - contenteditable=true 要素のテキスト提案

私はbootstrap-wysihtml5 ( wysihtml5に基づく) のすばらしいエディターを使用していますが、問題なく動作し、誰もが満足しています。しかし今、ユーザーが何か ( thisthisなど) を入力しているときに、テキストの提案を提供する必要があります。これらのライブラリは textarea を想定しており、wysihtml5 は<body contenteditable="true">.

必要なのは、要素内のプレーンテキストでオートコンプリートする (または提案を含むポップアップを開く) 単語だけです。
これについて深く掘り下げる前に、contenteditable="true"要素内で機能する可能性のあるライブラリについて誰か提案がありますか?

編集 1:
必要なことを行う基本的な lib を作成しましたが、これには貧弱な js スキルをすべて使用したと思います... div で動作しますcontenteditable=trueが、wysihtml5 エディターで動作させるのに苦労しています. javascript/wysihtml5/rangy の忍者が助けてくれませんか?

ここに私のコードがあります: http://jsfiddle.net/5UQfH/

編集 2:
最初の作業バージョン: http://jsfiddle.net/X9jBM/1/

編集 3:わずかに優れた (ただし、きれいでは ない
) バージョン (同じページの複数のエディターで動作します): http://jsfiddle.net/X9jBM/18/
はスペースです)

これについてのフィードバックを引き続きお聞きしたいと思います。

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

jquery - wysihtml5 エディターの背景色、フォントなどをどのようにカスタマイズしますか?

Web サイトで bootstrap-wysihtml5 を使用しており、Web サイトのルック アンド フィールに合わせてエディターをカスタマイズする必要があります。たとえば、bootstrap-wysihtml5 エディターは背景が白でテキストが黒ですが、たとえば、背景が赤でテキストが白に変更する必要があります。また、別のフォントを使用したいと思います。

Fiddler を使用して<iframe>、bootstrap-wysihtml5 によって作成された を調べると、 の<body>要素に<iframe>次のstyle定義があることがわかります。

ここfont-familyで使用される設定は私のbootstrap.cssファイルで定義されているため、 のstyle定義<iframe>はそこから来ていると思いますが、これらを別のものにカスタマイズする方法がわかりません。

<iframe> <body>bootstrap-wysihtml5 イベントで jQuery を介してスタイルを変更しようとしましたloadが、それは機能しますが、エディターをクリックするとすぐにカスタム スタイルがデフォルトのスタイルで上書きされます。

このエディターで独自のカスタム スタイルを実装するにはどうすればよいですか?

ありがとう

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

html - カスタム機能を WYSIHTML5 に追加する

こんにちはwysihtml5が大好きですが、定義したリストを介してフォントファミリを編集できる必要があり、どこでもこれを行う方法が見つかりません.

これを行う簡単な方法はありますか?それとも本当に難しい方法ですか??