Question

How do i enable/show tincymce in datatables?

For every datatables row, I’ve a textarea which displays html content. I need to show this html content in tincymce instead of a textarea. So if I’ve ten rows per page, i’ll have ten rows of tinymces showing html content.

I’m getting html content from a server but currently showing this in a bare html textarea.

Answer 1

How about something like this (Not Tested)

Add a class same class to all your textareas and use it in the editor_selector attribute of the tinyMCE.init function:

Sample example of multiple selection

Class selectors/deselectors

<script type="text/javascript">
tinyMCE.init({
        mode : "textareas",
        theme : "simple",
        editor_selector : "mceEditor",
        editor_deselector : "mceNoEditor"
});
</script>

<form method="post" action="somepage">
        <textarea id="content1" name="content1" class="mceEditor" cols="85" rows="10">This will be a editor, since it has a selector class.</textarea>
        <textarea id="content2" name="content2" class="mceEditor" cols="85" rows="10">This will be a editor, since it has a selector class.</textarea>
        <textarea id="content3" name="content3" class="mceNoEditor" cols="85" rows="10">This is not a editor since it has a deselector class.</textarea>
</form>

Same thing should work with datatables too…