tyoshikawa1106のブログ

- Force.com Developer Blog -

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:inputtextarea value="{!Account.Description}" id="ckInputTextAreaId" richtext="false"/>
<script type="text/javascript">
CKEDITOR.replace('{!$Component.ckInputTextAreaId}');
</script>
</apex:pageBlock>
</apex:form>
</apex:page>

これでCKEditorを表示できます。