You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Korbinian Bachl <ko...@whiskyworld.de> on 2020/04/03 18:24:37 UTC
best way to get wysiwyg with wicket
Hi,
I need to be able to let complete novices edit and write nicely formatted texts in an backend thats powered by wicket (required e.g.: H1-H4, normal text, bold text, images - only simple stuff mostly).
In the past I used the ckeditor but that outputs html and Im not sure that cluttering font sizes and stuff like that into anything that needs later be to transformed to be used on either desktop or mobile in the year 2020 is still as sufficent as it was 10 years ago. So I stumbled over markdown that might be a way to avoid this, but not sure If I missed somthing better?
Beside, has any of you an idea where to look at to put this together with wicket, especially as I need to be able to have them insert images from some gallery picker that gets its image-resources from some kind of dataprovider.
Any idea or solution is greatly appreciated. I know this is not pure wicket related stuff but I hope its still ok to ask here.
Best,
KB
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: best way to get wysiwyg with wicket
Posted by Martin Spielmann <ma...@martinspielmann.de>.
Hi,
if your app uses Bootstrap and you are OK to stay with HTML, you can
have at the SummernoteEditor from the excellent wicket-bootstrap-
extenstions library. Example here:
https://github.com/l0rdn1kk0n/wicket-bootstrap/blob/bc567ae0f77497216720f909e1b2e55a929e25cd/bootstrap-samples/src/main/java/de/agilecoders/wicket/samples/pages/SummernotePage.java
We use it all the time and it's simple yet powerful.
I don't think the image feature is supported out-of-the-box, but I
imagine it should not be too hard to add.
Apart from that, the idea to go with markdown sounds also promising.
Best regards,
Martin
On Fri, 2020-04-03 at 20:24 +0200, Korbinian Bachl wrote:
> Hi,
>
> I need to be able to let complete novices edit and write nicely
> formatted texts in an backend thats powered by wicket (required e.g.:
> H1-H4, normal text, bold text, images - only simple stuff mostly).
> In the past I used the ckeditor but that outputs html and Im not sure
> that cluttering font sizes and stuff like that into anything that
> needs later be to transformed to be used on either desktop or mobile
> in the year 2020 is still as sufficent as it was 10 years ago. So I
> stumbled over markdown that might be a way to avoid this, but not
> sure If I missed somthing better?
>
> Beside, has any of you an idea where to look at to put this together
> with wicket, especially as I need to be able to have them insert
> images from some gallery picker that gets its image-resources from
> some kind of dataprovider.
>
> Any idea or solution is greatly appreciated. I know this is not pure
> wicket related stuff but I hope its still ok to ask here.
>
> Best,
>
> KB
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: best way to get wysiwyg with wicket
Posted by Maxim Solodovnik <so...@gmail.com>.
Jquery-ui WYSIWYG editor do clean-up of html on server
Custom js before submit is possible (the simpliest way is to store result
of such function in hidden field onchange)
On Sat, Apr 4, 2020, 16:00 Korbinian Bachl <ko...@whiskyworld.de>
wrote:
> Hello Maxim,
>
> thank you for the list. However, beside that tinymce3 + 4 are quite
> outdated isn't there anything non html-wysiwyg existing so far?
> My problem is that, after we use tinymce in another part of the project we
> made the experience that letting non-tech people write HTML (even in
> WYSIWYG) mode just doesnt work. They end up copy n pasting from all over
> the web and inserting things they neither see nor understand - thats why we
> need some simplification like markdown (e.g.: https://ui.toast.com/) or
> even pure block-based editors (https://editorjs.io/)...
>
> I've stumbled over toast UI (https://ui.toast.com/), but I'm not sure if
> wicket would be able to execute some kind of JS function
> (editor.getMarkdown()) on before sending the form and catching it into a
> model...?
>
> Best,
>
> KB
>
> ----- Ursprüngliche Mail -----
> > Von: "Maxim Solodovnik"
> > An: "users" <us...@wicket.apache.org>
> > Gesendet: Samstag, 4. April 2020 03:02:07
> > Betreff: Re: best way to get wysiwyg with wicket
>
> > Here are couple examples
> >
> http://www.7thweb.net/wicket-jquery-ui/plugins/wysiwyg/WysiwygEditorPage?1
> > https://github.com/wicketstuff/core/tree/master/tinymce3-parent
> > https://github.com/wicketstuff/core/tree/master/tinymce4-parent
> >
> >
> > On Sat, 4 Apr 2020 at 01:24, Korbinian Bachl
> > wrote:
> >
> >> Hi,
> >>
> >> I need to be able to let complete novices edit and write nicely
> formatted
> >> texts in an backend thats powered by wicket (required e.g.: H1-H4,
> normal
> >> text, bold text, images - only simple stuff mostly).
> >> In the past I used the ckeditor but that outputs html and Im not sure
> that
> >> cluttering font sizes and stuff like that into anything that needs
> later be
> >> to transformed to be used on either desktop or mobile in the year 2020
> is
> >> still as sufficent as it was 10 years ago. So I stumbled over markdown
> that
> >> might be a way to avoid this, but not sure If I missed somthing better?
> >>
> >> Beside, has any of you an idea where to look at to put this together
> with
> >> wicket, especially as I need to be able to have them insert images from
> >> some gallery picker that gets its image-resources from some kind of
> >> dataprovider.
> >>
> >> Any idea or solution is greatly appreciated. I know this is not pure
> >> wicket related stuff but I hope its still ok to ask here.
> >>
> >> Best,
> >>
> >> KB
> >>
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> >> For additional commands, e-mail: users-help@wicket.apache.org
> >>
> >>
> >
> > --
> > Best regards,
> > Maxim
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: best way to get wysiwyg with wicket
Posted by Korbinian Bachl <ko...@whiskyworld.de>.
Hello Maxim,
thank you for the list. However, beside that tinymce3 + 4 are quite outdated isn't there anything non html-wysiwyg existing so far?
My problem is that, after we use tinymce in another part of the project we made the experience that letting non-tech people write HTML (even in WYSIWYG) mode just doesnt work. They end up copy n pasting from all over the web and inserting things they neither see nor understand - thats why we need some simplification like markdown (e.g.: https://ui.toast.com/) or even pure block-based editors (https://editorjs.io/)...
I've stumbled over toast UI (https://ui.toast.com/), but I'm not sure if wicket would be able to execute some kind of JS function (editor.getMarkdown()) on before sending the form and catching it into a model...?
Best,
KB
----- Ursprüngliche Mail -----
> Von: "Maxim Solodovnik"
> An: "users" <us...@wicket.apache.org>
> Gesendet: Samstag, 4. April 2020 03:02:07
> Betreff: Re: best way to get wysiwyg with wicket
> Here are couple examples
> http://www.7thweb.net/wicket-jquery-ui/plugins/wysiwyg/WysiwygEditorPage?1
> https://github.com/wicketstuff/core/tree/master/tinymce3-parent
> https://github.com/wicketstuff/core/tree/master/tinymce4-parent
>
>
> On Sat, 4 Apr 2020 at 01:24, Korbinian Bachl
> wrote:
>
>> Hi,
>>
>> I need to be able to let complete novices edit and write nicely formatted
>> texts in an backend thats powered by wicket (required e.g.: H1-H4, normal
>> text, bold text, images - only simple stuff mostly).
>> In the past I used the ckeditor but that outputs html and Im not sure that
>> cluttering font sizes and stuff like that into anything that needs later be
>> to transformed to be used on either desktop or mobile in the year 2020 is
>> still as sufficent as it was 10 years ago. So I stumbled over markdown that
>> might be a way to avoid this, but not sure If I missed somthing better?
>>
>> Beside, has any of you an idea where to look at to put this together with
>> wicket, especially as I need to be able to have them insert images from
>> some gallery picker that gets its image-resources from some kind of
>> dataprovider.
>>
>> Any idea or solution is greatly appreciated. I know this is not pure
>> wicket related stuff but I hope its still ok to ask here.
>>
>> Best,
>>
>> KB
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>> For additional commands, e-mail: users-help@wicket.apache.org
>>
>>
>
> --
> Best regards,
> Maxim
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: best way to get wysiwyg with wicket
Posted by Maxim Solodovnik <so...@gmail.com>.
Here are couple examples
http://www.7thweb.net/wicket-jquery-ui/plugins/wysiwyg/WysiwygEditorPage?1
https://github.com/wicketstuff/core/tree/master/tinymce3-parent
https://github.com/wicketstuff/core/tree/master/tinymce4-parent
On Sat, 4 Apr 2020 at 01:24, Korbinian Bachl <ko...@whiskyworld.de>
wrote:
> Hi,
>
> I need to be able to let complete novices edit and write nicely formatted
> texts in an backend thats powered by wicket (required e.g.: H1-H4, normal
> text, bold text, images - only simple stuff mostly).
> In the past I used the ckeditor but that outputs html and Im not sure that
> cluttering font sizes and stuff like that into anything that needs later be
> to transformed to be used on either desktop or mobile in the year 2020 is
> still as sufficent as it was 10 years ago. So I stumbled over markdown that
> might be a way to avoid this, but not sure If I missed somthing better?
>
> Beside, has any of you an idea where to look at to put this together with
> wicket, especially as I need to be able to have them insert images from
> some gallery picker that gets its image-resources from some kind of
> dataprovider.
>
> Any idea or solution is greatly appreciated. I know this is not pure
> wicket related stuff but I hope its still ok to ask here.
>
> Best,
>
> KB
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
--
Best regards,
Maxim