Cakephp 3.x Add text editor in 2 Steps
In this tutorial we will use TinyMCE because its easy to implement TinyMCE text editor
Step 1
So First Add this js to your header or default layout or your preferred location where you call other js files
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
tinymce.init({ selector:'.edittextarea', height: 500, plugins: [
'advlist autolink lists link print preview anchor',
'visualblocks code fullscreen',
'insertdatetime table contextmenu paste code'
], });
</script>
Step 2
Now Add edittextarea class to textarea where you want to change textarea to text editor
Here is the example of how to create text editor textarea in Cakephp 3.x
<?= $this->Form->input('description', array('type' => 'textarea','class' => 'edittextarea form-control','value'=>$description,'label' => 'Content :')); ?>
Now run your url and you will see a text editor instead of textarea . Simple :)
Related Links
How to use tinyMCE in cakephp 3.x
How to use tinyMCE to add text editor
Comments
Post a Comment