WYSIWYG plugin with form

Topic: WYSIWYG plugin with form

efilippi priority asked 2 years ago

Hello,

I use the WYSIWYG editor.

How can I have 2 WYSIWYG text areas in a form that will use standard POST submission (no ajax) ?

It seems that there's no way to distinguish the 2 textareas, no id and no name are generated by the plugin, so the POST sends an empty value

here is the $_POST I get ([vide] => vide for the textarea genberated by the wysiwyg editor) :

Array
(
    [eljFormId] => professeurs_fr
    [vide] => vide
    [eljx_check_group] => 
    [eljx_check_group_301] => 301
    [eljx_check_group_321] => 321
    [Objet] => l'objet d'eric
    [Envoyer_Id] => Envoyer
    [Envoyer] => Envoyer
)

please help me with the way to do so.

Thanks,

Eric

Add comment

efilippi priority answered 2 years ago

0 0 Best answer

<p>Hello,</p>

<p>thank you, this helps me.</p>

<p>But the pluging built texarea still as no name. So I need to add another texarea with a name attribute and copy the value in it, just like this : 
<a href="https://mdbootstrap.com/snippets/standard/efilippi/3088996" target="_blank">https://mdbootstrap.com/snippets/standard/efilippi/3088996</a></p>

<p>This results in 2 textareas for the same use.</p>

<p>I think an easy way to be fully compatible with forms would be to modify the plugin adding  a name attribute to the wysiwyg div, and let the plugin build its textarea with the same name, so it would pass the data correctly during form submit</p>

<p>html result after pluging run would be (suggestion) :</p>

<p>This could be suggested to the dev team</p>

Please insert min. 20 characters.

Hello,

thank you, this helps me.

But the pluging built texarea still as no name. So I need to add another texarea with a name attribute and copy the value in it, just like this : https://mdbootstrap.com/snippets/standard/efilippi/3088996

This results in 2 textareas for the same use.

I think an easy way to be fully compatible with forms would be to modify the plugin adding a name attribute to the wysiwyg div, and let the plugin build its textarea with the same name, so it would pass the data correctly during form submit

<div class="first-area">
    <div class="wysiwyg" name="first-area" data-mdb-wysiwyg="wysiwyg">
    </div>
</div>

html result after pluging run would be (suggestion) :

<div class="first-area">
    <textarea class="wysiwyg-textarea" name="first-area" ></textarea>
    <div class="wysiwyg" name="first-area" data-mdb-wysiwyg="wysiwyg" data-mdb-uuid="430a350c-311e-4d65-a8ae-a1338d519b5e"><div class="wysiwyg-toolbar btn-toolbar " style="top: 0px" role="toolbar" aria-label="Toolbar with button groups">
    <div class="wysiwyg-toolbar-group"> [...] </div>
    </div><div class="wysiwyg-content" contenteditable="true"></div></div>
</div>

This could be suggested to the dev team

Eric

Add comment

Dawid Wajszczuk staff answered 2 years ago

1 0 Best answer

Hi,

I have added this to our ideas list and maybe we will add this functionality.

Keep coding,
Dawid

Add comment

Michał Duszak staff answered 2 years ago

0 0 Best answer

Please insert min. 20 characters.

Hello, WYSIWYG editor is not a part of Forms, but you can build a custom form. To distinguish one editor from another, wrap one into a parent, e.g.:

<div class="first-area">
    <div class="wysiwyg" data-mdb-wysiwyg="wysiwyg">
    </div>
 </div>

Then you can use '.first-area .wysiwyg-content' selector to build a custom form. https://mdbootstrap.com/snippets/standard/m-duszak/3068205#html-tab-view

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Standard
MDB Version: MDB5 3.4.0
Device: laptop
Browser: firefox
OS: Debian
Provided sample code: No
Provided link: No

efilippi

125Support score
14Questions 9Answers 7Snippets