問題タブ [aloha-editor]

Aloha ツールバーで h3、h4、h5、および h6 のみを許可し、h1、h2、h3 を表示しないとします。これを行うための設定は何ですか？

私は AlohaEditor を使用しており、クラス attr をリンク プラグインで編集できるようにしようとしています。サイドバーでターゲットとタイトルを編集できますが、クラスも編集する必要があります。誰もこれを行う方法を知っていますか?

ウェブサイトで Aloha エディターを使用しています。私はそれをうまく使うことができ、ユーザーは HTML を作成してデータベースに保存することができます。ただし、ユーザーが既存の HTML を編集できるように、HTML コンテンツをエディターにプリロードする際に問題があります。

エディタを初期化する Javascript は次のとおりです。

別のサイトで言及されているのを見たので、Aloha.activeEditable().setContents() を使用しようとしましたが、ブラウザーに次のようなエラーが表示されます

プロジェクトに Aloha を使用することを検討していましたが、ドキュメントに完全に困惑しています。ドキュメントに従ってリポジトリを作成しようとしていますが、これまでのところ:

今。これは、適切な CDN から Aloha と jQuery をプルしようとしますが、正常に動作します。ただし、アロハのドキュメントに記載されていることにもかかわらず、localAloha は定義されていません (Aloha 自体は返されないようです) が、それは問題ではありません。

リポジトリを定義しようとするときにさらにイライラするのは、Aloha.AbstractRepositoryすべての例と、Drupal Aloha プラグインのようなライブ プロジェクトのコードにもかかわらず、定義されていないという事実ですAloha.AbstractRepository。

ここで何が起こっているのか誰にも分かりませんか？Aloha は見栄えがよく、私が考えているものにぴったりですが、実際に機能させるのは非常に難しいことが証明されています。

ユーザーが特定のクラスまたは ID 属性を持つ定義済みの HTML 要素を挿入できるようにする、Web ベースの WYSIWYG HTML エディターを作成したいと考えています。

たとえば、どの HTML エディタでも、ユーザーがテキストを選択して「太字」ボタンをクリックすると、選択したテキストが<b></b>タグでラップされます。

ユーザーがテキストを選択し、「somebutton」というボタンをクリックして選択したテキストを でラップする<div class="someclass"></div>か、別のボタンをクリックしてテキストを でラップする<h1 id="someid"></h1>か、またはによって定義された特定の属性を持つ他の HTML 要素をラップできるようにしたいと考えています。自分。

JavaScript ベースの HTML エディターがたくさんあることは知っていますが、上記の方法で簡単に拡張できるものを特に探しています。私は TinyMCE と Aloha を調べましたが、どちらの場合も、ドキュメントが非常に使いにくいか、存在しないことがわかりました。

を探しています：

1. この方法で簡単に拡張できる編集者の推奨事項
2. 上記のカスタム要素を追加する方法に関するチュートリアルまたは手順

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

私は Aloha (WYSIWYG) Editor を初めて使用します。その青いアウトラインを削除/無効にする方法を知りたいのですが、編集フィールドがフォーカスされています。

黄色のハイライト アウトラインを無効にすることはできましたが、フォーカス ボーダー アウトラインの青色を無効にする方法が見つかりませんでした。

友好的なアドバイスはありますか？

ありがとう。

私のhtmlコードは次のようなものです:

私のjqueryコードは次のようなものです：

ID charsLeft に残っている文字数を 1200 から表示したかった (つまり、charsLimit の値) 通常は機能しますが、Aloha エディターを使用したリッチ編集レベルでは、textarea を次のようにdivに置き換えるため、機能しません。

私は何をすべきか理解できません...

編集用の html および aloha ライブラリを含む iframe があります。

コンテンツをクリックすると、エディターのツールバーに青い枠線が表示されます。もちろん、編集可能な領域の外でマウスをクリックすると、それ自体が非表示になります。

ただし、iframe 自体の外側をクリックすると、エディターのツールバーがまだ表示されます。

編集可能領域の外側にダミー要素を追加することを考えましたが、これはそれを隠しません。

それを隠すために起動できるイベントはありますか? ドキュメントとグーグルを検索してみましたが、何も見つかりませんでした...