Media and WYSIWYG form field in the Jet Engine Form

[meisterx2020]

Web agencies deliver sites created with Wordpress to their customers. The customer logs into the admin panel, but the Wordpress admin panel has many items, and the customer often has questions about unimportant items.

There is a need for a way to let customers add and edit only the necessary items via a front-end form without showing them the Wordpress dashboard as much as possible.

This tutorial by WpTuts has been viewed about 60,000 times, which shows the high demand. https://youtu.be/06owBb23UiQ

The methods shown in the video above are mainly based on "Elementor", "ACF" and "ACF Frontend for Elementor". I prefer Crocoblock to ACF, so I use Crocoblock to create front-end forms for my customers.

So, the two main obstacles were as follows

1. Media form field I want a logged-in client to set an image from the Wordpress media library. Is there any good way? At present, I understand that you can only upload from your local PC.

2. WYSIWYG form field On this page, https://crocoblock.com/knowledge-base/articles/jetengine-forms-field-types-overview/ It says "The user will be able to enter any kind of content, insert media, or custom HTML." But are "insert media" and "custom HTML" available? As you can see in the capture on this page, I think that only "bold", "italic", "list", "link", "undo", and "redo" are allowed.

As you can notice in this part of the video, "ACF Frontend for Elementor" looks like the classic Wordpress editor. https://youtu.be/06owBb23UiQ?t=2426

[hum-bug]

For the WYSIWYG form field I would also like ability for users to add media (uploads in my case).

I noticed form users can add HTML in text area fields and when shown in a front end post then the HTML is rendered. Potential security issue here...

The should be the option to filter out HTML code from form fields.

[Gabrymi93]

+1

[Deswegen]

+1 Would be great to have the WYSIWYG form field as it is on the backend, with all the functionality (image insert, Headlines (H1,H2,...) etc.)

[Poklos]

+1 please!

[ATSFNL]

+1 here For the WYSIWYG form field I would also like ability for users to add media (upload images in my case) from frontend

[xtofr]

** Update ! :) This tutorial by WpTuts has been viewed about 86,000 times, which shows the high demand. https://youtu.be/06owBb23UiQ +1 here : "I prefer Crocoblock to ACF, so I use Crocoblock to create front-end forms for my customers."

• +1 here also : 1. Media form field
• +1 there as well : 2. WYSIWYG form field

Thanks

[ATSFNL]

Hello people, I desperate need the option for my frontend users to add their local pictures (media) to their post content. Not separate form the post text but IN their post text content.

Add media into WYSIWYG form field

Here an example how it is done in WP USER FRONTEND plugin:

[Gabrymi93]

The weird thing is that CrocoBlock has this feature when you open a support ticket on their website... I'm wondering if they use JetEngine..

[thiagosouzafx]

it seems that only Crocoblock refuses to add this functionality to the forms.

I just finished building an entire news blog for a client, and naturally thought it was a fundamental part of "WYSIWYG" forms, to now realise that for Crocoblock it is not. :( i think i'll have to go back to AFC or use other solution

[davejwnz]

It should be using the default WordPress editor rather than just single icons added - then by adding the 'Advanced Editor Tools' plugin we can all define what icons we want shown on our sites.

Most sites I develop require the use of macrons - and the character icon is currently missing, which is an ongoing complaint by site users. Also when pasting it removes standard formatting, ie italics.

[guizones]

+1 here I would love the ability for users to add media on the WYSIWYG field from frontend with JetEngine!!! I realy miss that feature

[guizones]

I also would love to have a WYSIWYG field for the email notification configuration on the submition of a form

[Priscilla1980]

+1 here AFTER I built the entire website and told the client it would be possible for their users to add media (images, youtube). I honestly don't know what to do now. Start over in ACF?

[thiagosouzafx]

+1 here AFTER I built the entire website and told the client it would be possible for their users to add media (images, youtube). I honestly don't know what to do now. Start over in ACF?

I had the exaclty same issue, right at the deadline to deliver to the client, i notice this limitation.

The solution i came up was to use ACF Frontend, which has the Add Post Widget with all the functionalities i needed to deliver to the client including the ADD MEDIA button with access to the media library. They also have an option to limit the media library to show only uploads from the user who uploaded.

I cant understand the "privacy" concerns when they have the ability to dynamically show or hide items and functions.

I still use JetEngine and Crocoblock addons for other functionalities. But it would really help to have this functionality built in to JetEngine forms as it would be helpful a lot more than just blog posts. (which is essential in my opinion)

[xtofr]

+1 Are there some news on this topic ? Thanks

[creativetoria]

+1 Here Thank you

[josips9]

+1 Definitely!

[creativetoria]

• 1 Yes, this is sooo important as functionality.

Thank you crocoblock...

[dalboslampen]

YES! This is the one and only function that makes ACF superior to Crocko! Users hav to be able to upload files!! Urgent and important

[MolyMalon]

+10 Okk!!! I need WYSIWYG Plus

[IrishDesigner]

+1

just wondering if there is any movement on this?

[nickdesigns0644]

I'd need this feature too. Working on a website with a big Unveristy and reach towards the end of the project only to realize the front end is missing the features that were available on the backend. That's a huge downer.

+1

[asmarove]

Hi all,

all you need to do is to add this code in your functions.php or using snippets: https://wordpress.org/plugins/code-snippets/

add_filter( 'wp_editor_settings', function($settings) { $settings['media_buttons']=true; return $settings; });

[xtofr]

Hi Salah, and thanks a thousand for the sharing ! May I ask a little bit more if possible ? Now that I can insert an image, would it be possible to wrap text around ? I tried to add more buttons with the same method but I'm definitely not good at php, actions and filters... Merci encore et g'd day !

[xtofr]

example :

[asmarove]

I will take another try

[GabyLipari]

+1 here! Any solutions about HTML tab?

I search for the code to add "quicktags" (HTML Tab) but Jetformbuilder render the field twice and it have the same class names and css ids, it's impossible hide. Another issue is: When click on the Text mode (html) the editor have a bug, and isn't possible edit text. Please crocoblock fix this!

[RodrigoMorgom]

example :

We have the same issue...

[RodrigoMorgom]

Hi all,

all you need to do is to add this code in your functions.php or using snippets: https://wordpress.org/plugins/code-snippets/

add_filter( 'wp_editor_settings', function($settings) { $settings['media_buttons']=true; return $settings; });

Hi Mr,

Thanks for the add_filter() code, it's very useful. But the icons for wrapping text around the image are not displayed. Some tip? Thanks!

[cookiemachine]

+1