Ace - The High Performance Code Editor for the Web



表題の通り、SOY CMSとSOY ShopにJavaScript製のコードエディタのAceを設置しました。

Aceの設置箇所は下記になります。

・SOY CMSのテンプレート編集画面

・SOY CMSのHTMLモジュールの編集画面

・SOY CMSのPHPモジュールの編集画面

・SOY Shopのテンプレート編集画面

・SOY ShopのHTMLモジュールの編集画面

・SOY ShopのPHPモジュールの編集画面

共通箇所はHTMLモジュールで管理する - SOY CMSを使ってみよう

PHPモジュールを使用する(要PHP) - SOY CMSを使ってみよう


以前、SOY CMSでは色付きエディタというものがありましたが、ブラウザの進歩に合わせて改修を続ける事が難しかった。

動作があまりにも不安定で合ったため、色付きエディタは廃止しましたが、テキストエリアではblock:idタグの場所が分かりにくいという意見が多数届き、10年以上の歴史があるAceを組み込む事にしました。


現時点では、HTMLもしくはPHPモードのみの指定で、Aceの便利な機能は有効にしていません。

何らかの形で便利な機能を指定できるように模索してみます。


今回対応分を含んだパッケージは下記のサイトからダウンロード出来ます。

https://saitodev.co/soycms/