19
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

baserCMSエディタプラグインをつくってみた

Posted at

※この記事はbaserCMS Advent Calendar 2013の9日目の記事です。

baserCMS v3.0.0の新機能 エディタプラグイン

2013年12月にv3.0.0がリリースされた国産オープンソースCMSのbaserCMSのプラグインを作ってみました。

v3.0.0になっていろいろと機能が増えましたが個人的に気に入っているのが、エディタつまり管理画面の記事入力を変更できるようにするプラグイン機能です。

baserCMSはcakePHPベースなのでViewをフォルダ側で上書きすることができます(詳しくないので仕組みは省略)。なので管理画面のView自体を上書いてしまえば管理画面の変更も可能ではあったのですが、それをプラグインとしてエディタだけ単体でインストールや有効化や無効化ができるようになりました。 しかもかなりシンプルに!

AceEditor for baserCMS を作ってみました。

demo.gif

githubにリポジトリを公開しているのでDLして使えます。

AceEditor for baserCMS

このプラグインは、入力のテキストエリアをWYSIWYGではなくAceというブラウザ上で動くプログラミング用テキストエディタに置き換えただけのものです。AceはGithubやWikipediaで導入実績のある世界最高峰のブラウザベースエディタです。シンタックスハイライトはもちろんのことHTML編集ではEmmetが使えます(これがホント便利)。

インストール方法

  1. DLしてきたプラグインフォルダを一式 app/Pluginへ移動します。
  2. フォルダ名はAceEditorに必ずします。

baser_ace.png

  1. 管理画面を開いて「プラグイン管理」画面を開きます。
  2. インストールアイコンをクリックしてインストール画面へ移動します。

baser_ace2.png

  1. インストールします。一瞬で完了するはずです。

baser_ace3.png

  1. 「システム管理」画面を開きます。
  2. オプションを開きます。

baser_ace4.png

  1. エディタ設定関連のエディタタイプに「Aceエディタ」が表れるのでそれを選択します。(ここでいつでもWYSIWYGや通常のプレーンテキストエディタに切り替えられます。便利ですね♪)
  2. 保存して完了です。

baser_ace5.png

これでAceEditorが使えます;-)

WYSIWYGが使いづらい・性に合わないという方は是非

ご利用下さい。

バグなどございましたらgithub issueへご連絡下さい。

来週は

今回のをベースに エディタプラグインの作り方 を書こうと思います。

よろしくどうぞ。

19
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
19
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?