tyoshikawa1106のブログ

- Force.com Developer Blog -

CKeditor

CKEditorツールバー設定

CKEditorのconfig設定に関することでカスタムツールバーの呼び出しが うまくいかない障害に遭遇しました。 プラグインが足りないとかそっちの問題だと思っていましたが、 カスタムツールバーを使用する際に必要な宣言が足りていませんでした。 config.toolba…

CKEditor Toolbar

『CKEditor Toolbar』の一覧です。 Source ソース Save 保存 NewPage 新しいページ DocProps ??? Preview プレビュー Print 印刷 Templates テンプレート(雛形) Cut 切り取り Copy コピー Paste 貼り付け PasteText ??? PasteFromWord プレーンテキスト貼り…

customConfigの設定

config.jsを読み込むことでConfig情報をカスタマイズできます。 <script type="text/javascript"> CKEDITOR.config.customConfig = '{!$Resource.myckConfig}'; CKEDITOR.replace('{!$Component.ckInputTextAreaId}');</script> JSファイルサンプル CKEDITOR.config.toolbar = [ ['Cut','Copy','Paste…

VisualforceとCKEditor②

Visualforce上にCKEditorを表示する方法②です。1.CKEDITOR.ReplaceでinputTextAreaのIDを指定2.scriptタグはinputTextAreaの下に表示 <apex:page StandardController="Account"> <apex:form > <apex:pageBlock title="CKEditor"> <apex:includescript value="{!URLFOR($Resource.ckeditor, 'ckeditor/ckeditor.js')}" /> </apex:includescript></apex:pageblock></apex:form></apex:page>

VisualforceとCKEditor①

VFページ上にCKEditorを表示する方法を調べました。1.<apex:includescript>でckeditor.jsを読み込む2.<apex:inputtextarea>にstyleClass="ckeditor"を指定3.<apex:inputtextarea>のrichtext="false"を指定 <apex:page StandardController="Account"> <apex:form > <apex:pageBlock title="CKEditor"> </apex:pageblock></apex:form></apex:page></apex:inputtextarea></apex:inputtextarea></apex:includescript>

はじめてのCKeditor

CKeditorというのを使うことになったので調べてみました。 Web上で使用する高機能のエディタでjavascriptで制御するとのことです。 使用するにはCKeditorのサイトからJSファイル一式をダウンロードし、HTMLからJSファイルを呼び出すことで使用できます。 CKe…