TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB.
TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances.
Project page: tinymce.moxiecode.comThere are 4 wrappers to use with TinyMCE:
div
, not textarea
cs-editor-simple
To use any of editors you just need to wrap with it target element:
<cs-editor>
<textarea></textarea>
</cs-editor>
<cs-editor-simple>
<textarea></textarea>
</cs-editor-simple>
<cs-editor-inline>
<div></div>
</cs-editor-inline>
<cs-editor-simple-inline>
<div></div>
</cs-editor-simple-inline>
If you want to use data bindings (especially with convenient cs-textarea
), because of Polymer issue you'll need to apply data binding to editor's value
property as well:
<cs-editor value="{{content}}">
<textarea is="cs-textarea" value="{{content}}"></textarea>
</cs-editor>
Since there is nothing more special to do in order to use wrappers, removing TinyMCE plugin will not break anything:)