• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

WYSIWYG Editor is not working properly in AdminCP

Mr. Goodie2Shoes

Well-known member
#1
So I was trying to change the basic editor for one of my add-ons to WYSIWYG and this is what I get:
WYSIWYG.PNG
The editor is only taking less than 70% of the width, two of the buttons are gone and the text area has only one line.... am I missing something?
 

cclaerhout

Well-known member
#2
So I was trying to change the basic editor for one of my add-ons to WYSIWYG and this is what I get:
View attachment 36714
The editor is only taking less than 70% of the width, two of the buttons are gone and the text area has only one line.... am I missing something?
If it's inside the admin panel, you can set up the simple theme, the advanced theme (for both you will need to upload all plugins & themes) or to specify the XenForo theme (I think it's what missing here). Check your JS init config.
 

Chris D

XenForo developer
Staff member
#5
How are you loading the editor into the template?

You may need to define a custom ViewAdmin class.

Maybe refer to XenForo_ViewPublic_Account_PersonalDetails to see how the {$aboutEditor} param and its contents are passed to the relevant public template. It may be a good reference point to help work out what the requirements are to make it show.

EDIT: Cédric makes a good point. If you're working with BB Code you should be fine. But if you're working with HTML then it's a bit of a different ball game.
 

Mr. Goodie2Shoes

Well-known member
#6
Try to include this template "editor_js_setup" inside your customized template. The XenForo Init code for TinyMCE is there.

But on question, this TinyMCE will need pure HTML? If yes, I think you will need to create a new Init config file.
Included that template... still nothing
And, no I don't need HTML, BBCode will do the job perfectly.
How are you loading the editor into the template?

You may need to define a custom ViewAdmin class.

Maybe refer to XenForo_ViewPublic_Account_PersonalDetails to see how the {$aboutEditor} param and its contents are passed to the relevant public template. It may be a good reference point to help work out what the requirements are to make it show.
I used the signature template as reference.... and I've already defined a new ViewAdmin class.
 

Mr. Goodie2Shoes

Well-known member
#7
Okay, I just added the editor_css:
Code:
<xen:require css="public:editor_ui.css" />
All the icons of the editor bar are now visible, but the smilies are invisible and the grey area is still visible...