ckeditor (bbcode) applaying style · YAF.NET Support Forum

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

When you use the ckeditor bbcode and add an image, change the size and add a border, this is not used in the post. There only the image is added without the formatting the user did. Is this a known problem or do I something wrong (setting or so)?

My site containing the YAF forum: Globalcaching.eu

Sponsor

Wanna join the discussion?! Login to your YAF.NET Support Forum forum account or Register a new forum account

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

In BBCode Mode you can only use image url and alt text

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

Thanks for the quick reply.
The user can select the editor it wishes and it might be confusing to them. Anyway, I will set the HTML edition as default then.

I have to say: GREAT editors. And the option for the user to select the editor it pleases is also great!
Just curiuos...
You stick to the default YAF BBcode editor. Any reason why you don't switch to the CKEditor HTML?
Is there any disadventage that I have overlooked and that I might reconsider moving to the CKEditor HTML?

edit:
noticed that the HTML editors place the text between

This causes the text within the post to start with a huge amount of white space. Maybe the stylesheet can be adjusted for the

element.
(or remove the

)

I have no problem changing the .css files for this, but I am a no no regarding stylesheet. How should I change the p tag without affecting other

outside the posts? And how should I cange it so it won't result in rows of whitespace?

Edited by user 12 years ago | Reason: Not specified

My site containing the YAF forum: Globalcaching.eu

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

Quote:

The user can select the editor it wishes and it might be confusing to them.

I know i already customized the ckeditor as much as possible (For Example the YAF BBCode Selector). I have to modify the image dialog for that.

Quote:

You stick to the default YAF BBcode editor. Any reason why you don't switch to the CKEditor HTML?

What you mean with I stick to YAF BBCode, did you mean on this forum?

Quote:

noticed that the HTML editors place the text between

This causes the text within the post to start with a huge amount of white space. Maybe the stylesheet can be adjusted for the
element.

That cannot be removed its a feature of that editor

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

Originally Posted by: tha_watcha

What you mean with I stick to YAF BBCode, did you mean on this forum?

Yes. Any reason why YAF forum (so, this forum) is not switching to the more ritch ckeditor?

Originally Posted by: tha_watcha

That cannot be removed its a feature of that editor

Well, it can, but you have to parse the result html (I do this for my site). But I won't suggest that for YAF, because it is an uggly way to go.
I will change the .css file then. But I was hoping someone can point me out in the right direction. I don't want to change all the .css files, so I want to change the forum.css file to alter the

tag. But this should only apply to the posts.
Any suggestion?

Edited by moderator 12 years ago | Reason: Not specified

My site containing the YAF forum: Globalcaching.eu

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

Quote:

Well, it can, but you have to parse the result html (I do this for my site). But I won't suggest that for YAF, because it is an uggly way to go.
I will change the .css file then. But I was hoping someone can point me out in the right direction. I don't want to change all the .css files, so I want to change the forum.css file to alter the
tag. But this should only apply to the posts.
Any suggestion?

Look at the html source.

The css selector should be


.yafnet .postdiv div div p {

}

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

I did this:


.yafnet div.postdiv p{
	padding: 0px;
	margin-top: 0px;
}

I see in Chrome that it is applying this style, but the empty space is still there.
I will add the to div as you mentioned, but I guess the style shout be different.

edit:
changed to: .yafnet div.postdiv div div p
But how can I change it, so it would be treated the same as a
?

edit2:
I see what is happening. An extra
is added before the

This is not something I can resolve. Too bad.
This means an extra empty line is always there at the beginning of the post.

Edited by user 12 years ago | Reason: Not specified

My site containing the YAF forum: Globalcaching.eu

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

Try

.yafnet .postdiv div div p { 
 display:inline;
}

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

I did,, but the problem cannot be solved within the .css I guess.
Because a

is always preceeded with a

I have no idea why.

My site containing the YAF forum: Globalcaching.eu

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

#10

Ok i found a solution add this to the config.js inside the YAFROOT\editors\ckeditor


CKEDITOR.editorConfig = function( config )
{
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.enterMode = CKEDITOR.ENTER_BR;
};

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

#11

strange, stil get the

Might be the cache (.js cached) I will continu with this and report back the result.
So far, thanks for the great support!

My site containing the YAF forum: Globalcaching.eu

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

#12

OK, it didn't work due to caching. Now I see that

is not used anymore.
However (oh oh...), an [enter] now results in 2 line breaks.
Does the average user know it has to hit if it wants the next line just below the other without an empty space?

But other than that, your solution does the trick. Thanks!

My site containing the YAF forum: Globalcaching.eu

Underground
100% (Exalted)
YAF Commander Topic Starter

12 years ago

#13

I did some searching on the internet regarding this extra
within the

(and the user doen not do that.)
See picture.

Also, some say they have solved it. I don't know if it is solved within the most recent version of the ckeditor, but can I just replace the ckeditor with a new version of it? Or has the YAF team made some custom changes?

Edited by user 12 years ago | Reason: Not specified

My site containing the YAF forum: Globalcaching.eu

tha_watcha
100% (Exalted)
YAF.NET Project Lead 🤴 YAF Version: 3.0.3

12 years ago

#14

Originally Posted by: Underground

I did some searching on the internet regarding this extra
within the
(and the user doen not do that.)
See picture.

Also, some say they have solved it. I don't know if it is solved within the most recent version of the ckeditor, but can I just replace the ckeditor with a new version of it? Or has the YAF team made some custom changes?

You can update it, only the plugins are customized. But YAF already uses the latest version.

Strangly when i press enter i only getting one br as it should be.

Important Information:

The YAF.NET Support Forum uses cookies. By continuing to browse this site, you are agreeing to our use of cookies. More Details Close