News: TinyPortal Release Schedule. Please read this update for More Info.

Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

April 02, 2020, 08:47:57 AM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 189572
  • Total Topics: 20808
  • Online Today: 381
  • Online Ever: 917
  • (January 21, 2020, 09:02:26 AM)
Users Online
Users: 1
Guests: 168
Total: 169

Author Topic: SCeditor vs whizziwig editor  (Read 2139 times)

0 Members and 1 Guest are viewing this topic.

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
SCeditor vs whizziwig editor
« on: April 09, 2018, 11:55:21 AM »
Tino,

What is the reason why you changed the editor into SCeditor. (
Although is really like SCeditor I also miss some things of the Whizziwig editor.
For example how easy it was to change the alignment of the pictures in text.
I found how to accomplish this in SCeditor by adding the following style (style="float: right; margin: 5px 5px 5px 55px;" code in the html editor but I wish it was somewhat easier to do.


Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #1 on: April 09, 2018, 12:26:36 PM »
I changed it as the SCEditor is more commonly used now and also supports the latest browsers with fewer bugs.

You can align text and images with the editor alignment options, can you show me a example of what isn't working?

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #2 on: April 09, 2018, 12:46:59 PM »
Hi Tino,

I want to have the text aligned left from the image.
Just like it is in this example: http://www.karakora.nl/index.php?page=229

In this example the first image is aigned right with the editor aligment option
The second image is aligned with the html code style="float: right; margin: 5px 5px 5px 5px;width: 40%; height: auto;"


Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #3 on: April 09, 2018, 01:00:42 PM »
The way the old editor did that wasn't actually supported in modern browsers. We can add custom buttons to the editor if required.

https://www.sceditor.com/posts/how-to-add-custom-commands/

What happens if you just float right without the padding?

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #4 on: April 09, 2018, 01:12:22 PM »
Without the padding is also looks very good.

Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #5 on: April 09, 2018, 01:27:29 PM »
I’ll look to add a float right and float left for images then, won’t be this week.

But I’ll add it to my todo list.

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #6 on: April 09, 2018, 01:33:27 PM »
Thanks Tino!
Already today!

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #7 on: April 10, 2018, 02:42:45 AM »
Quote
https://www.sceditor.com/posts/how-to-add-custom-commands/

I looked at this article but I indeed have to wait for your implementations because this is to difficult for me.
« Last Edit: April 10, 2018, 05:42:01 AM by wildenborch »

Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #8 on: April 10, 2018, 01:22:06 PM »
https://www.sceditor.com/documentation/custom-commands/

Is probably a better link and tutorial.

Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #9 on: April 14, 2018, 11:50:27 AM »
Started to play around with this a bit.

Adding this

Code: [Select]
                        sceditor.command.set(\'maximize\', {
                                exec: function() {
                                        // this is set to the editor instance
                                        var text = this.val();
                                        this.insert(\'<div style="float:left;">\' + text + \'</div>\');
                                },
                                txtExec: [\'<div style="float:left;">\', \'</div>\'],
                                tooltip: \'Insert float left div\'
                        });   

before

Code: [Select]
var textarea = document.getElementById(\''.$textarea.'\');

Replaces the maximise button with the option to insert a float, only works as I would like in source mode mind. I'll have a look at it again next week if no one else does before that.

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #10 on: April 19, 2018, 02:47:20 AM »
Hi Tino,

Thank you already for this.
My apologies for not replying earlier but I was very busy last weekend.
In which file do I have to add this?

Best regards,
Fred

Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #11 on: April 19, 2018, 12:53:39 PM »
Ok, think I have this sorted in the latest push to github for 1.5.0

Offline tino

  • Developer
  • *
  • Posts: 1737
Re: SCeditor vs whizziwig editor
« Reply #12 on: April 22, 2018, 09:39:04 AM »
You ok with this being moved into fixed bugs?

Offline wildenborch

  • Support Team
  • *
  • Posts: 347
Re: SCeditor vs whizziwig editor
« Reply #13 on: April 25, 2018, 11:55:11 AM »
Sure i'm ok with that!