WebsiteBaker Community Forum

WebsiteBaker Support (2.10.x) => General Help & Support => Topic started by: johnbroeckaert on January 25, 2018, 11:45:02 AM

Title: Background color in wysiwyg editor
Post by: johnbroeckaert on January 25, 2018, 11:45:02 AM
Hi all,
I am using the VERTAL template for a site. I had to change the background colors and the font color had to be white. Now i am not capable to see the text in the wysiwyg editor becouse of the white font.(bacground color in the editor is not changing) It does not matter if I set the p color in the editor.css to black. How do I solve that?
There are two css files comming with this template. template.css and editor.css I changed the body color and backgroud-color to the ones I use but still  no change in the editor.

Thanks in advance.

wb 2.10
php 7.x
Title: Re: Background color in wysiwyg editor
Post by: Gast on January 25, 2018, 11:56:22 AM
use

Code: [Select]
.cke_editable {width:760px; background-color: #f4f1e0;}
somewhere in editor.css in your frontend-template-folder (in frontend-template root-folder or a subfolder there called /wb_config/

change the width to the width of your content (if needed), so that you see there the exact width and all new lines on the right place and the color value to your favorite color for the background
Title: Re: Background color in wysiwyg editor
Post by: johnbroeckaert on January 25, 2018, 12:17:32 PM
Hi @jacobi22

In fact there are two editor.css files. One in the frontend of the template and one in the cfk editor wb-config map.
I tried to ad the line you gave in both, one for one and together, but it didn't solve the problem.
Is it an idea to rename the editor.css in the frontend to something else?
John
Title: Re: Background color in wysiwyg editor
Post by: johnbroeckaert on January 25, 2018, 12:26:03 PM
It is fixed!
In the wb-config map in the editor.css the background /*"ausradiert"*/  :-D
Thank YOU.
Title: Re: Background color in wysiwyg editor
Post by: Gast on January 25, 2018, 01:10:10 PM
i try, to explain ithe way inside of the module to found the settings

1. base configuration are in the modules/ckeditor/include.php

2. a free definable user-configuration for the globale wb-usage in modules/ckeditor/wb_ckconfig. all here defined settings overwrite the settings in include-base-config, all not in include.php defined setting-variabels will be added to the config

3. a possible configuration via every frontend-template in templates/your_frontend_Template/wb_config
all here defined settings overwrite the settings in include-base-config and also in the user-config in modules/ckeditor/wb_config (if this option is activated), all not in include.php defined setting-variabels will be added to the config

the ckeditor search a configuration in this direction, from #1 to #3, the last loaded config overwrite the former loaded config, so in every case, the configuration in  modules/ckeditor/wb_ckconfig overwrite the base configuration

to use a custom config from the templates (and maybe different style or toolbars for the editor on pages with different frontend-templates ) you have to set the config-variable $bWbConfigSetting from false to true in modules/ckeditor/include.php  / ~ Line 77
and you need a own folder wb_config in your frontend template folder and in this folder the needed editor config files like editor.styles.js (for own styles in the editor select boxes - maybe a private class for a h1-h6 headline etc), a editor.templates.js for prepared code-blocks or a wb_ckconfig.js for the custom editor config (own colors, own toolbars etc)

usage example -
you have two different pages, maybe a news blog,
on page #1 you are the admin and the single autor there and you need a complete full toolbar
on page #2 you have some autors to write the content, but it's forbidden, to use there different fonts or font-colors, smileys, scrolltext, allowed only some font option like bold or italic, underline, headlines h1 - h4

at the moment it's not possible to work with different toolbars to get a simple, custom toolbar on different pages, but if you use a second template,it's possible

make a copy of the frontend template, rename it in foldername and template name (info.php), install it and make your custom settings in the files inside of the wb_config-folder from your frontend template

the frontend output is equal on both pages, but the editor style can be complete different to the other section

last point: the editor for the wb-settings (Header and Footer text) has a own config inside of the DefaultTheme-Folder. it run's complete free from the "system editor " im modules/ckeditor and works also, if you use not the ckeditor in wb

i use this system in my own modules, it needs a installed ckeditor, but i can use for all other pages likes wysiwyg section a different editor

Title: Re: Background color in wysiwyg editor
Post by: johnbroeckaert on January 25, 2018, 01:34:46 PM
Thank you for your extensive explanation.
I'm going to look at the last option to use the editor 'loose' so that it always looks the same.
 (Y)