CÁCH 1:
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#----------------------------------------------------------#
CÁCH 2:
<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
#################################################################
FUNCTION SHOW
function draw_input($name,$values='',$width=700,$height=400,$hidden=0, $ToolbarSet="Default"){
?>
<textarea name="<?php echo $name; ?>" class="input_text_vihan" style="width:100%,height:<?php echo $height ?>px;">
<?php echo htmlspecialchars_decode($values); ?>
</textarea>
<?php
return;
}
--------------------------------------------------------------------------------------------------------------
ALL TINYMCE SHOW
## có font-style + font-family + kich thuot to hon
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 500,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
###############################################
updating 26/07/2016
<script type="text/javascript">
tinymce.PluginManager.load('moxiemanager', 'http://www.tinymce.com/tryit/js/moxiemanager/plugin.min.js');
tinymce.init({
height : 300,
selector: "textarea.input_text_vihan",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor filemanager"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
toolbar2: "print preview media | forecolor backcolor emoticons | link image pagebreak fontsizeselect fontselect",
image_advtab: true,
font_size_classes : "fontSize1,fontSize2,fontSize3,fontSize4,fontSize5,fontSize6,fontSize7",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
