Going nuts with tiny mce: please help!

I have been trying to find a solution for Tiny mce for literally days now, whether in the forum, the marketplace, and similarly, but can't find anything to resolve it!  I'm attaching a picture to show how ridiculously small tinymce is in my own screen, and matter what, it is impossible (so far) to widen or expand the window for editing, unless I do my editing at the html level.. but I do not know html! I am basically using the tinymce as a word processor editor at the design-view level...  I can however, go into Dreamweaver, create something in WYSIWYG/design view, jump over to "code" view, and then copy and paste the html into tinymce html...  but it makes the design portion of tiny mce almost impossible for editing once pasted as html, because I have to scroll left to right, left to right, over and over again, to read the content and proof read and etc. I have an extensive bit of info, which becomes impossible to edit from the design/view perspective of Tiny mce, which is necessary for me. Dreamweaver nicely transfers the content and styling, bolded and italiced wording etc, but does not transfer the text colors, which I in turn have to do manually on a line-by-line basis at tinymce. And obviously, the ultra-tiny non-html editing window makes it completely prohibitive. 

Is there a way to get the tiny mce "design view" box to be say, 900 pixels in width, versus the 150 wide pixels it seems to be? It would solve all my troubles! I have *maybe* come across a couple possible solutions in the marketplace, but am not sure they fulfill my need... and a couple have gotten bad reviews. Whether it is getting my my cPanel and being directed into the proper folder etc to change the size of the tiny mce box, or even a paid for mod in the marketplace, I need to resolve this! 

THANK YOU for all your wonderful help , as the forum has been so great in helping me with my previous issues! 

TinyMceprobpic.jpg · 84.9K · 113 views
-Kristi-
Quote · 27 Dec 2011

It looks like the height and width are generated, so I failed miserably at finding where to edit them.  But there is a quick hack to change them.

 

/templates/base/css/forms_adv.css:

 

.input_wrapper_textarea .mceEditor table.mceLayout {
    border: none;
}

 

change to

 

.input_wrapper_textarea .mceEditor table.mceLayout {
    border: none;
    height: 240px !important;
    width: 500px !important;
}

 

The edited lines are in red.  I recommend you make these changes under your own template, as changes to /base/ are likely to be overwritten after upgrades (that may not apply to the administration panel, on second thought).  You can change the numbers to whatever you like, but remember to keep the !important bit in there.  You'll have to empty the /cache/ (except for the .htaccess file) and /cache_public/ directories for the changes to take effect.

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 27 Dec 2011

Nathan P-

No luck with that solution, but THANK you for your help!  Caches and etc were emptied, but to no avail. Didn't work...

Anybody else have a suggestion? I am left copying and pasting, copying and pasting, copying and pasting, back and forth to and from Dreamweaver. *ARGH!*

Very appreciative if anybody else has suggestions or solutions! 

-Kristi-
Quote · 29 Dec 2011

It should of worked, you cleared cache's manually? 

Try putting what Nathan suggested in;

/administration/templates/base/css/forms_adv.css

Quote · 29 Dec 2011

This situation has always driven me nuts too. It makes progress very slow and time consuming. It is about time dolphin did something about this.

Quote · 29 Dec 2011

Another alternative is to add Fullscreen

 In;

administration/js/page_builder_tiny.js

Look for;

theme_advanced_buttons3 : "charmap,emotions,|,cite,abbr,acronym,attribs,|,preview,removeformat,|,code,help",

Change to;

theme_advanced_buttons3 : "charmap,emotions,|,fullscreen,cite,abbr,acronym,attribs,|,preview,removeformat,|,code,help",

 

Clear cache's manually via ftp leaving .htaccess files

You will see a full screen icon in tinymce, click to go full screen and then click again to go back to normal when done.

* BACKUP files first before testing

Quote · 29 Dec 2011

rhimpr- THANK you once again for your excellence in helping me! Still, this one is not working for me. I've cleared the cache manually, did your solution immediately above, and no fullscreen option/icon presents itself when clicking on html block.  Also tried nathan P's solution again since you said it should work. Anything else you can think of?  Been fiddling with this for another hour+ this morning and want to cry or kick something... :(

-Kristi-
Quote · 29 Dec 2011

NEVER mind! rhimpr THANK you again!  I found the button.  I thought it would be in one of the corners and/or near the red X close-screen icon, and it was smack dab in the middle. That will suffice!  THANKS AGAIN! 

-Kristi-
Quote · 29 Dec 2011

Not sure why this is not working for you as I just tested both and work.  For the above fullscreen, make sure you clear cache's and clear browser caches/cookies.

 

[EDIT]  Your Welcome

 

[MOD EDIT (Nathan Paton): Removed image from post which was causing a login screen to appear]

Quote · 29 Dec 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.