DRIVE
12-17-2008, 04:21 PM
*If using Vivvo 4.0.x see this http://www.vivvo.net/forums/showthread.php?t=2043 *but you should upgrade ;)
Vivvo 4.1 brings lots of changes including and updated version of the wysiwyg editor TinyMCE. Here are the steps you need to take to enable pasting from word, pasting as plain text and the "select all" feature as well as enabling the secondary "skin" that is like a cool blue (you can also download other skins from the net and use them easily).
Step 1) Download the latest version of TinyMCE and unzip the file to a directory OUTSIDE of your Vivvo installation on your computer (you cant download the plugins separately and the one that ships with Vivvo doesn’t have all the stuff you need for the Paste plugin). http://tinymce.moxiecode.com/index.php (http://tinymce.moxiecode.com/index.php)
*Note that the "paste" icon that exists/comes with the default editor does not work in FireFox unless you do this:
http://www.mozilla.org/editor/midasdemo/securityprefs.html (http://www.mozilla.org/editor/midasdemo/securityprefs.html)
The new stuff we're adding have no trouble ;)
Step 2) Upload FROM your newly extracted TinyMCE folder (Version 3.2.1.1 at time of this writing) the
tinymce\jscripts\tiny_mce\plugins\paste
Upload the whole folder. If the folder already exists, overwrite all files in /[VIVVO_URL]js/tiny_mce/plugins/paste
Step 3) Open [VIVVO_ADMIN_URL]/js/tinyMCE_config.php
At the top of the file, you'll see this:
echo 'advimage,media",
theme_advanced_buttons1 : "bold,italic,underline,striketrough,separator,justi fyleft,justifycenter,justifyright,justifyfull,sepa rator,styleselect,formatselect,fontselect,fontsize select,separator,removeformat,cleanup",
theme_advanced_buttons2: "cut,copy,paste, separator,bullist,numlist,separator,outdent,indent ,separator,undo,redo,separator,link,unlink,anchor, separator,forecolor,backcolor,separator,image,medi a,separator,code,separator,upload",
theme_advanced_buttons3 : "",
Change it to this (new stuff is in red):
echo 'advimage,media,paste",
theme_advanced_buttons1 : "bold,italic,underline,striketrough,separator,justi fyleft,justifycenter,justifyright,justifyfull,sepa rator,styleselect,formatselect,fontselect,fontsize select,separator,removeformat,cleanup",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,selectall,separ ator,bullist,numlist,separator,outdent,indent,sepa rator,undo,redo,separator,link,unlink,anchor,separ ator,forecolor,backcolor,separator,image,media,sep arator,code,separator,upload",
theme_advanced_buttons3 : "",
There are also options that you can do and I suggest that you read the Wiki on the Paste Plugin. Here are the ones I use.... they are self explanatory and the wiki can detail it further so you can tweak to meet your needs:
Open [VIVVO_ADMIN_URL]/js/tinyMCE_config.php
Around line 34 look for this and add the stuff in red:
theme_advanced_buttons3 : "",
paste_create_paragraphs : false,
paste_create_linebreaks : false,
paste_use_dialog : true,
paste_auto_cleanup_on_paste : true,
theme_advanced_toolbar_location : "top",
That’s it, you're done. Enjoy! :)
Optional:
Change Skin
In [VIVVO_ADMIN_URL]/js/tinyMCE_config.php change this:
echo 'tinyMCE.init({
mode : "exact",
elements : "article_body",
theme : "advanced",
plugins : "'; to this:
echo 'tinyMCE.init({
mode : "exact",
elements : "article_body",
theme : "advanced",
skin : "o2k7",
plugins : "';
Font too small in the editing box and other textareas?
Open [VIVVO_URL]/js/tiny_mce/themes/advanced/skins/default/content.css
Change the font-size on the first line from 11px to 12px or more if you like
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:8px;}
In the same folder, open forms.css
On line 10 change this font-size as well:
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
Vivvo 4.1 brings lots of changes including and updated version of the wysiwyg editor TinyMCE. Here are the steps you need to take to enable pasting from word, pasting as plain text and the "select all" feature as well as enabling the secondary "skin" that is like a cool blue (you can also download other skins from the net and use them easily).
Step 1) Download the latest version of TinyMCE and unzip the file to a directory OUTSIDE of your Vivvo installation on your computer (you cant download the plugins separately and the one that ships with Vivvo doesn’t have all the stuff you need for the Paste plugin). http://tinymce.moxiecode.com/index.php (http://tinymce.moxiecode.com/index.php)
*Note that the "paste" icon that exists/comes with the default editor does not work in FireFox unless you do this:
http://www.mozilla.org/editor/midasdemo/securityprefs.html (http://www.mozilla.org/editor/midasdemo/securityprefs.html)
The new stuff we're adding have no trouble ;)
Step 2) Upload FROM your newly extracted TinyMCE folder (Version 3.2.1.1 at time of this writing) the
tinymce\jscripts\tiny_mce\plugins\paste
Upload the whole folder. If the folder already exists, overwrite all files in /[VIVVO_URL]js/tiny_mce/plugins/paste
Step 3) Open [VIVVO_ADMIN_URL]/js/tinyMCE_config.php
At the top of the file, you'll see this:
echo 'advimage,media",
theme_advanced_buttons1 : "bold,italic,underline,striketrough,separator,justi fyleft,justifycenter,justifyright,justifyfull,sepa rator,styleselect,formatselect,fontselect,fontsize select,separator,removeformat,cleanup",
theme_advanced_buttons2: "cut,copy,paste, separator,bullist,numlist,separator,outdent,indent ,separator,undo,redo,separator,link,unlink,anchor, separator,forecolor,backcolor,separator,image,medi a,separator,code,separator,upload",
theme_advanced_buttons3 : "",
Change it to this (new stuff is in red):
echo 'advimage,media,paste",
theme_advanced_buttons1 : "bold,italic,underline,striketrough,separator,justi fyleft,justifycenter,justifyright,justifyfull,sepa rator,styleselect,formatselect,fontselect,fontsize select,separator,removeformat,cleanup",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,selectall,separ ator,bullist,numlist,separator,outdent,indent,sepa rator,undo,redo,separator,link,unlink,anchor,separ ator,forecolor,backcolor,separator,image,media,sep arator,code,separator,upload",
theme_advanced_buttons3 : "",
There are also options that you can do and I suggest that you read the Wiki on the Paste Plugin. Here are the ones I use.... they are self explanatory and the wiki can detail it further so you can tweak to meet your needs:
Open [VIVVO_ADMIN_URL]/js/tinyMCE_config.php
Around line 34 look for this and add the stuff in red:
theme_advanced_buttons3 : "",
paste_create_paragraphs : false,
paste_create_linebreaks : false,
paste_use_dialog : true,
paste_auto_cleanup_on_paste : true,
theme_advanced_toolbar_location : "top",
That’s it, you're done. Enjoy! :)
Optional:
Change Skin
In [VIVVO_ADMIN_URL]/js/tinyMCE_config.php change this:
echo 'tinyMCE.init({
mode : "exact",
elements : "article_body",
theme : "advanced",
plugins : "'; to this:
echo 'tinyMCE.init({
mode : "exact",
elements : "article_body",
theme : "advanced",
skin : "o2k7",
plugins : "';
Font too small in the editing box and other textareas?
Open [VIVVO_URL]/js/tiny_mce/themes/advanced/skins/default/content.css
Change the font-size on the first line from 11px to 12px or more if you like
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:8px;}
In the same folder, open forms.css
On line 10 change this font-size as well:
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}