PowerCMS Xの任意のモデルのオブジェクトの編集画面に記事のようなフォーマット選択付きのリッチテキストエディタを実装する

投稿日: 更新日:

PowerCMS Xで新規モデルを作成してリッチテキスト型のカラムを用意しても、記事の編集画面の本文エディタのようなフォーマット選択コントロールは存在しない。
フォーマット選択付きの本文エディタを用意したい場合は、次の手順を踏む。

1.
対象のモデルの編集画面に、次のカラムを設ける。

  • text
  • text_format

設定内容は、entryオブジェクトの同名カラムと合わせる。

2.
次のファイルを取得。
[CMS本体ファイルのルートディレクトリ]/tmpl/include/edit/entry/column_text.tmpl

3.
取得したファイルを次のように編集。

↓↓削除
<mt:var name="permalink" setvar="__permalink">
<mt:if name="request.workspace_id">
  <mt:if name="workspace_link_url">
    <mt:var name="__permalink" replace="'$workspace_site_url','$workspace_link_url'" setvar="__permalink">
  </mt:if>
<mt:else>
  <mt:if name="link_url">
    <mt:var name="__permalink" replace="'$site_url','$link_url'" setvar="__permalink">
  </mt:if>
</mt:if>
↑↑ここまで削除
<div class="row form-group" style="margin-bottom:3px">
  <div class="col-lg-8 input-group-lg">
↓↓削除
  <mt:if name="permalink">
    <div class="input-group copy-url copy-url-permalink">
...
(中略)
...

    </script>
  </mt:if>
</mt:if>
↑↑ここまで削除
  </div>
  <mt:var name="object_text_format" setvar="object_text_format">
  <mt:unless name="request.id">
...
(中略)
...
    editorMode = $(this).val();
});
</script>

その上で、次のパスでアップロード。
[CMS本体ファイルのルートディレクトリ]/[CMSのalt-tmplディレクトリ]/include/edit/[対象モデルの識別子]/column_text.tmpl

関連するタグ

PowerCMS X 4.05