テキストを含むフラグメントのためのAlloy Editorボタンを追加する

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• Alloy Editorにテキストを含むフラグメントでボタンを新規作成しようとすると、うまくいきません。
• 適切なエディターの構成はどうあるべきか？

Environment

• Liferay DXP 7.2, 7.3

解決策

• 追加ツールバーへのボタンの追加 とスタイルツールバーへのボタンの追加 では、追加ツールバーとスタイルツールバーに特定のボタンを追加する方法について説明します。
• ドキュメントの記事 エディターの設定の変更 では、特定のポートレットやエディターを対象にする方法を説明しています。
• テキストを含むフラグメントに確実に変更を反映させるには、 editor.config.key と javax.portlet.nameを適切に指定する必要があります：

  @Component(
      immediate = true,
      property = {
          "editor.config.key=fragmenEntryLinkRichTextEditor",
          "javax.portlet.name=" + ContentPageEditorPortletKeys.CONTENT_PAGE_EDITOR_PORTLET,
          "service.ranking:Integer=100"
      },
      service = EditorConfigContributor.class  
  )

• なお、ツールバーの「＋」ボタンは、デフォルトではテキストボックスの左側に表示されるため、フラグメントが左側まで伸びている場合は隠れてしまうことがあります。 で、ボタンの位置を右などに変更することが可能です：

  JSONObject toolbarsJSONObject = jsonObject.getJSONObject("toolbars");
  
  JSONObject addToolbar = toolbarsJSONObject.getJSONObject("add");
  
  addToolbar.put("position", "right");