   |
| uCoz Community » Archives » Locked » Visual Editor for uCoz forum post additions and editing |
| Visual Editor for uCoz forum post additions and editing |
This tutorial will show you can you can use the 'Visual Editor' for creating and editing threads and comments in the forum. Remember to make a back-up before installing.
1. Make a new folder in your file manager called 'visual-editor' and upload attached files. You must extract icons set (7z-file archive) and then upload all content inside it (plus the js file) to file manager. Download the following attachments:
JavaScript file (contains Russian) 2. Go to CP » Main » Customize design » Editing templates Forum » General appearance of forum pages. Find $BODY$ and paste the following script after it (make sure the link is to the actual JS file): Code <script type="text/javascript" language="javascript" src="/visual-editor/bbcomplexENG.js"></script><script type="text/javascript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';StartBBComplex();</script> 3. Go to CP » Main » Customize design » Forum » New message form. Find $BBCODES$ and replace with: Code <?if($BBCODES$)?>{?BBPANEL?}<?endif?> 4. Open the 'bbcomplex.js' file in the file manager and edit the following part of the script (located near the top): Code //Путь к папке с иконками для ВСЕХ кодов, использующих иконки. Все пути иконок будут работать относительно значения этой переменной, так что будьте внимательны. var DefMsgIconUrl="http://www.yourwebsite.ucoz.com/visual-editor/"; Replace the link with the link to your folder 'visual-editor'. Note: The link to the folder must end with '/'. I did not make this, I found it on another uCoz Support Site. I also tried it and worked ok for me. Attachments:
bbicons.7z
(24.6 Kb)
·
bbcomplexENG.js
(71.6 Kb)
|
Thank you for the tutorial.
When I am uploading the files is there a way to upload all of them at once or I have to open every pastes and upload them one by one ? |
Diogopires, yes i think so you need to do it manually one by one or just click the plus sign in the uCoz file manager to upload more.., but be sure to create the same maps in your file manager as you have in your zip or rar file .
To busy building a passive income online ;)
|
I need help. I cant put the visual editor on !!!!!
Please Help me. |
CreativeCollusions,
The Visual editor isn't working I have done everything step by step. I think the problem is that the js file was not saved in UTF-8 encoding... Because I can't read anything in Russian. example (not all code is listed here):
Code var BBComplex=function(){ /* bbComplex - JavaScript модуль Ð´Ð»Ñ Ñайтов ÑиÑтемы uCoz Ð'Ñ‚Ð¾Ñ€Ð°Ñ Ñ€ÐµÐ´Ð°ÐºÑ†Ð¸Ñ, иÑÐ¿Ñ€Ð°Ð²Ð»ÐµÐ½Ð½Ð°Ñ Ð¸ Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð°Ñ Copyright © VACion, 2009 Ðвтор Ñкрипта - VACion, ICQ#: 6-343-207, e-mail: vacion(at)li.ru. При улучшении Ñкрипта и выÑвлении ошибок принимали учаÑтие Grey, Markoni, FENIX, BRP, AThLoN и некоторые другие учаÑтники Ñ"орумов Лаборатории Ð'атÑона. Отдельное ÑпаÑибо Grey за техничеÑкую и моральную поддержку, за бета-теÑтирование. ÐŸÐ¾Ð´Ñ€Ð¾Ð±Ð½Ð°Ñ Ð¸Ð½Ñ"ормациÑ: NA */ //Переменные наÑтроек(пользовательÑкие) //ÐаÑтройка //Общие наÑтройки //Путь к папке Ñ Ð¸ÐºÐ¾Ð½ÐºÐ°Ð¼Ð¸ Ð´Ð»Ñ Ð'СЕХ кодов, иÑпользующих иконки. Ð'Ñе пути иконок будут работать отноÑительно Ð·Ð½Ð°Ñ‡ÐµÐ½Ð¸Ñ Ñтой переменной, так что будьте внимательны. var DefMsgIconUrl="http://tutorijali.banovci-city.com/visual-editor/"; //МаÑÑив обработки BB-Кодов . . . . Could you point me to the original thread in Russian from where you downloaded the file? http://banovci.ucoz.net
http://guardsofaden.ucoz.ru http://jeftinodosajta.com ------------------------------- With uCoz since 2007. |
Hi everyone, i also was looking a solution for this and here what is working for me:
1. CP > Customize design > Forum > General appearance of forum pages find $BODY$ and after him past the following code:
Code <div align="center"><script type="text/javascript" language="javascript" src="http://extracafe.rs/bbcomplex/bbcomplex.js"></script><script type="text/javascript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';StartBBComplex();</script> 2. CP > Customize design > Forum > New message form and delete everything, then past the new code:
Code <div class="gDivLeft"><div class="gDivRight"> <table class="gTable" id="frM53" border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr id="frM54"><td colspan="2" class="gTableTop" id="frM55"><div style="float: right;" class="gTopCornerRight"></div><a name="post">$FORM_TITLE$</a></td></tr> <?if($ERROR$)?> <tr id="frM1"><td colspan="2" class="gTableError" id="frM2" align="center">$ERROR$</td></tr> <?endif?> <?if($_USER$)?> <tr id="frM3"><td class="gTableLeft" id="frM4">Ime:</td><td class="gTableRight" id="frM5">$_USER$</td></tr> <?endif?> <?if($_THREAD_NAME$)?> <tr id="frM25"><td class="gTableLeft" id="frM26">Naziv Teme:</td><td class="gTableRight" id="frM27">$_THREAD_NAME$</td></tr> <tr id="frM28"><td class="gTableLeft" id="frM29">Opis Teme:</td><td class="gTableRight" id="frM30">$_THREAD_DESCR$</td></tr> <?endif?> <?if($_POLL_QUESTION$)?> <tr id="frM31"><td class="gTableRight" colspan="2" id="frM32"> </td></tr><tr id="frM33"><td class="gTableLeft" id="frM34">Anketa:</td><td class="gTableRight" id="frM35">$_POLL_QUESTION$</td></tr><tr id="frM36"><td class="gTableLeft" id="frM37">Odgovori:<div class="pollHelp">Po jedan u liniji. Maximum <b>10</b> .</div></td><td class="gTableRight" id="frM38">$_POLL_ANSWERS$</td></tr><tr id="frM40"><td class="gTableLeft" id="frM41">Opcije Ankete:</td><td class="gTableRight" id="frM42">$_POLL_ONLY_OPT$ <label for="pollonly">Samo anketa (pisanje poruka nije dozvoljeno)</label><br>$_POLL_MULTI_OPT$ <label for="pollmulty">Ukljuci mogucnost izbora vise od jednog odgovora</label><br>$_POLL_PERIOD_OPT$ period ankete (0 - bez limita)</td></tr><tr id="frM43"><td class="gTableRight" colspan="2" id="frM44"> </td></tr> <?endif?> <tr id="frM56"><td class="gTableLeft" id="frM57" valign="top" width="25%">Text Poruke:<div class="smilesPart">$SMILES$</div></td><td class="gTableRight" id="frM58"><div align="center"><?if($BBCODES$)?>{?BBPANEL?}<?endif?> $_MESSAGE$</div></td></tr> <?if($MESSAGE_OPTIONS_FLAG$)?> <tr id="frM14"><td class="gTableLeft" id="frM15">Opcije:</td><td class="gTableRight" id="frM16"> <?if($_HTML_OPT$)?> $_HTML_OPT$ <label for="ahtml">Ukljuci HTML tagove</label><br>$_MAKE_BR_OPT$ <label for="frmt">Predji na novi red sa tagom <b><BR></b></label><br> <?endif?> <?if($_EDITED_OPT$)?> $_EDITED_OPT$ <label for="edited">Dodaj opis "Menjano..." na ovu poruku?</label><br> <?endif?> <?if($_SMILES_OPT$)?> $_SMILES_OPT$ <label for="smon">Ukljuci smajlove</label><br> <?endif?> <?if($_SIGNATURE_OPT$)?> $_SIGNATURE_OPT$ <label for="sgon">Ukljuci potpis</label><br> <?endif?> <?if($_SUBSCRIBE_OPT$)?> $_SUBSCRIBE_OPT$ <label for="sbon">Ukljuci obavestenja na e-mail o pristiglim porukama</label><br> <?endif?> </td></tr> <?endif?> <?if($MODER_OPTIONS_FLAG$)?> <tr id="frM6"><td class="gTableLeft" id="frM7">Opcije Teme:</td><td class="gTableRight" id="frM8"> <?if($_FIRSTONTOP_OPT$)?> $_FIRSTONTOP_OPT$ <label for="firstontop">Prikazi temu uvek na vrhu (prikazana na svakoj strani)</label><br> <?endif?> <?if($_ONTOP_OPT$)?> $_ONTOP_OPT$ <label for="isontop">Važna tema</label><br> <?endif?> <?if($_CLOSED_OPT$)?> $_CLOSED_OPT$ <label for="isclosed">Zakljucana tema</label> <?endif?> </td></tr> <?endif?> <?if($_FILES_UPLOADER$)?> <tr id="frM50"><td class="gTableLeft" id="frM51">Dodaj fajl: <span style="font-size: 7pt;">(ne veci od <b>$FILE_MAX_SIZE$</b>Kb)</span></td><td class="gTableRight" id="frM52">$_FILES_UPLOADER$</td></tr> <?endif?> <tr id="frM59"><td class="gTableRight" colspan="2" id="frM60" align="center"><input style="width: 110px;" id="frF15" class="postPreview" value="Pregledaj" onclick="prepost();" type="button"> <input id="frF16" name="sbm" style="width: 150px; font-weight: bold;" class="postSubmit" value="-- OK --" type="submit"> <input style="width: 110px;" id="frF17" class="postReset" value="Otkazi" type="reset"></td></tr> </tbody></table> </div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div> Result is: sorry for my bad english, hope it helps... Attachments:
9237112.jpg
(17.7 Kb)
|
VLADA, I got this from uCozers - http://ucozers.ucoz.com/forum/27-48-1 (note that you must be logged in on uCozers to follow the link otherwise it will just take you to the forum).
The JS file provided there is just the same. |
Tutorial works with the javasript file i downloaded from http://extracafe.rs/bbcomplex/bbcomplex.js
http://banovci.ucoz.net
http://guardsofaden.ucoz.ru http://jeftinodosajta.com ------------------------------- With uCoz since 2007. |
Quote (CreativeCollusions) Creative Collusions is a web & design studio. We have almost 5 years experience with uCoz! Projects: I am Just Asking. Isn't It Prohibited To Use Signature More Than 2 Lines? Please Give Me A Reputation or Award, If My Post Helps You
With uCoz Since 2009 |
Quote (Davor24) Hi everyone, i also was looking a solution for this and here what is working for me: 1. CP > Customize design > Forum > General appearance of forum pages find $BODY$ and after him past the following code: Code Code <tr id="frM59"><td class="gTableRight" colspan="2" id="frM60" align="center"><input style="width: 110px;" id="frF15" class="postPreview" value="Pregledaj" onclick="prepost();" type="button"> <input id="frF16" name="sbm" style="width: 150px; font-weight: bold;" class="postSubmit" value="-- OK --" type="submit"> <input style="width: 110px;" id="frF17" class="postReset" value="Otkazi" type="reset"></td></tr> sorry for my bad english, hope it helps... Attachments: 9237112.jpg(18Kb) CAn anyone help me translate it to english? |
As far as I am aware it isn't declared a rule at this time - http://forum.ucoz.com/forum/30-3739-1
Correct me if I am wrong. Dangem, you can use Google Translator. |
CreativeCollusions,
Quote (CreativeCollusions) As far as I am aware it isn't declared a rule at this time - http://forum.ucoz.com/forum/30-3739-1 But it is declared here http://forum.ucoz.com/forum/0-0-0-36 
|
Code <div class="gDivLeft"><div class="gDivRight"> <table class="gTable" id="frM53" border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr id="frM54"><td colspan="2" class="gTableTop" id="frM55"><div style="float: right;" class="gTopCornerRight"></div><a name="post">$FORM_TITLE$</a></td></tr> <?if($ERROR$)?> <tr id="frM1"><td colspan="2" class="gTableError" id="frM2" align="center">$ERROR$</td></tr> <?endif?> <?if($_USER$)?> <tr id="frM3"><td class="gTableLeft" id="frM4">Ime:</td><td class="gTableRight" id="frM5">$_USER$</td></tr> <?endif?> <?if($_THREAD_NAME$)?> <tr id="frM25"><td class="gTableLeft" id="frM26">Naziv Teme:</td><td class="gTableRight" id="frM27">$_THREAD_NAME$</td></tr> <tr id="frM28"><td class="gTableLeft" id="frM29">Opis Teme:</td><td class="gTableRight" id="frM30">$_THREAD_DESCR$</td></tr> <?endif?> <?if($_POLL_QUESTION$)?> <tr id="frM31"><td class="gTableRight" colspan="2" id="frM32"> </td></tr><tr id="frM33"><td class="gTableLeft" id="frM34">Anketa:</td><td class="gTableRight" id="frM35">$_POLL_QUESTION$</td></tr><tr id="frM36"><td class="gTableLeft" id="frM37">Odgovori:<div class="pollHelp">Po jedan u liniji. Maximum <b>10</b> .</div></td><td class="gTableRight" id="frM38">$_POLL_ANSWERS$</td></tr><tr id="frM40"><td class="gTableLeft" id="frM41">Opcije Ankete:</td><td class="gTableRight" id="frM42">$_POLL_ONLY_OPT$ <label for="pollonly">Samo anketa (pisanje poruka nije dozvoljeno)</label><br>$_POLL_MULTI_OPT$ <label for="pollmulty">Ukljuci mogucnost izbora vise od jednog odgovora</label><br>$_POLL_PERIOD_OPT$ period ankete (0 - bez limita)</td></tr><tr id="frM43"><td class="gTableRight" colspan="2" id="frM44"> </td></tr> <?endif?> <tr id="frM56"><td class="gTableLeft" id="frM57" valign="top" width="25%">Text Poruke:<div class="smilesPart">$SMILES$</div></td><td class="gTableRight" id="frM58"><div align="center"><?if($BBCODES$)?>{?BBPANEL?}<?endif?> $_MESSAGE$</div></td></tr> <?if($MESSAGE_OPTIONS_FLAG$)?> <tr id="frM14"><td class="gTableLeft" id="frM15">Opcije:</td><td class="gTableRight" id="frM16"> <?if($_HTML_OPT$)?> $_HTML_OPT$ <label for="ahtml">Ukljuci HTML tagove</label><br>$_MAKE_BR_OPT$ <label for="frmt">Predji na novi red sa tagom <b><BR></b></label><br> <?endif?> <?if($_EDITED_OPT$)?> $_EDITED_OPT$ <label for="edited">Dodaj opis "Menjano..." na ovu poruku?</label><br> <?endif?> <?if($_SMILES_OPT$)?> $_SMILES_OPT$ <label for="smon">Ukljuci smajlove</label><br> <?endif?> <?if($_SIGNATURE_OPT$)?> $_SIGNATURE_OPT$ <label for="sgon">Ukljuci potpis</label><br> <?endif?> <?if($_SUBSCRIBE_OPT$)?> $_SUBSCRIBE_OPT$ <label for="sbon">Ukljuci obavestenja na e-mail o pristiglim porukama</label><br> <?endif?> </td></tr> <?endif?> <?if($MODER_OPTIONS_FLAG$)?> <tr id="frM6"><td class="gTableLeft" id="frM7">Opcije Teme:</td><td class="gTableRight" id="frM8"> <?if($_FIRSTONTOP_OPT$)?> $_FIRSTONTOP_OPT$ <label for="firstontop">Prikazi temu uvek na vrhu (prikazana na svakoj strani)</label><br> <?endif?> <?if($_ONTOP_OPT$)?> $_ONTOP_OPT$ <label for="isontop">Važna tema</label><br> <?endif?> <?if($_CLOSED_OPT$)?> $_CLOSED_OPT$ <label for="isclosed">Zakljucana tema</label> <?endif?> </td></tr> <?endif?> <?if($_FILES_UPLOADER$)?> <tr id="frM50"><td class="gTableLeft" id="frM51">Dodaj fajl: <span style="font-size: 7pt;">(ne veci od <b>$FILE_MAX_SIZE$</b>Kb)</span></td><td class="gTableRight" id="frM52">$_FILES_UPLOADER$</td></tr> <?endif?> <tr id="frM59"><td class="gTableRight" colspan="2" id="frM60" align="center"><input style="width: 110px;" id="frF15" class="postPreview" value="Pregledaj" onclick="prepost();" type="button"> <input id="frF16" name="sbm" style="width: 150px; font-weight: bold;" class="postSubmit" value="-- OK --" type="submit"> <input style="width: 110px;" id="frF17" class="postReset" value="Otkazi" type="reset"></td></tr> </tbody></table> </div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div> sir why this is not working on design number 971 |
| |||