問題タブ [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.
ios - iPad のテキスト入力とテキスト選択が正しく機能しない
これは説明が難しいので、コードは貼り付けません。
私は自分のサイトに wysihtml5 という wysiwyg エディターを実装していますが、iPad でテキストエリア/エディターを選択するときにいくつかの問題があります。デスクトップ ブラウザでは問題なく、テキストの選択、編集、貼り付けなどを行うことができます。しかし、iPad では複数の問題が発生します。
- テキスト内のどこをタップしてもカーソルをそこに移動できない
- 手動でカーソルを移動すると、突然何も入力できなくなりました
- texteditor の外側をタップしてもキーボードが下がらない
基本的に、テキスト入力フィールドでiPadカーソルが正しく動作しないという同様の経験をした人がいて、可能な解決策があることを願っています。私は立ち往生しており、これをデバッグする方法がわかりません。
ruby-on-rails - rails_admin の wysihtml5 は効果の代わりにタグを表示します
ここsferik/rails_admin
で説明されているように、 gem とwysihtml5
テキスト フィールド エディターを使用しています。1つの考えを除いて、すべてが正常に機能しているようです。うまくいきません。たとえば、 /admin ページには次のように表示されます。
そして、すべての効果で同じ問題が発生します。太字のテキストでも次のように表示されます: b> 太字のテキスト /b>
これを処理するのを手伝ってもらえますか? 4 ご清聴ありがとうございました!
wysihtml5 - wsihtml5 で HTML 入力タグと値を許可する
私はwysihtml5をbootstrap-wysihtml5とともに使用してhtmlテンプレートを保存しています(そして、ある時点でwysihtml5にロードする必要があります)。エディタ上で入力タグを許可できるようにしたいです。
ユーザー ワークフローは次のようになります。
- 「input=text」と「input=checkbox」でテンプレートを作成し、保存します。
- 保存したテンプレートを wysiwyg5 にロードします (入力が表示されるので、ユーザーはチェックボックスをオンにしたり、別の値を入力したり、別の HTML を追加したりできます)
- 全データ再保存(入力値・チェック状態含む)
Bootstrap-wysihtml5 parserRules に次を追加しました。
そして、これは(HTMLソースビューで) <input/> 要素を追加するのにうまく機能しますが、ユーザーが入力に挿入した値を保存できません。
これを達成する方法に関するヒントはありますか?
編集1:
ここに問題を示すフィドルがあります: http://jsfiddle.net/KuA9Z/1/
javascript - JQuery - 未定義のプロパティ 'Editor' を読み取ることができません
いくつかの WYSIWYG HTML5/JQuery エディターを試しています。ただし、Bootstrap WISWYG と Summernote の両方で、「undefined のプロパティ 'fn' を読み取れません」または「undefined のプロパティ 'Editor' を読み取れません」というメッセージが表示されます。GitHub にある標準ファイルを使用しているだけです。JQueryプラグインを使用してこれらのエラーに精通している人はいますか?
編集
私の体の中に私が持っている
私のjsでは、私は持っています
ただし、エラーは次のとおりです。未定義のプロパティ 'Editor' を読み取ることができません (157 行目)
157 行目:
JSFiddle: http://jsfiddle.net/MgcDU/8125/
編集2
JS ファイルを 1 つ含めるのを忘れていました。ただし、それを含めた後、新しいエラーが発生します。
エラーが参照するコード行:
javascript - contenteditable=true 要素のテキスト提案
私はbootstrap-wysihtml5 ( wysihtml5に基づく) のすばらしいエディターを使用していますが、問題なく動作し、誰もが満足しています。しかし今、ユーザーが何か ( thisやthisなど) を入力しているときに、テキストの提案を提供する必要があります。これらのライブラリは 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/
はスペースです)
これについてのフィードバックを引き続きお聞きしたいと思います。
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
が、それは機能しますが、エディターをクリックするとすぐにカスタム スタイルがデフォルトのスタイルで上書きされます。
このエディターで独自のカスタム スタイルを実装するにはどうすればよいですか?
ありがとう
html - カスタム機能を WYSIHTML5 に追加する
こんにちはwysihtml5が大好きですが、定義したリストを介してフォントファミリを編集できる必要があり、どこでもこれを行う方法が見つかりません.
これを行う簡単な方法はありますか?それとも本当に難しい方法ですか??