Display an input html field in a ui page (semi easy points)

[juan casas]

Hello,

Is there a tag that allows me to display a HTML field in a UI page?

I want to the user to be able to input into a HTML field, such as the one that I am typing in

[Mohith Devatte · Accepted solution]

Hello @juan casas ,

you can use tiny MCE Editor for it to insert a HTML type field in UI page

Create a UI page and TRY TO COPY THE CODE IN HTML field AND GIVE TRY IT

You can also edit tools that you want to display in the toolbar of the EDITOR by editing the below property

glide.ui.html.editor.v4.toolbar.line1

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<script>
tinymce.init({
mode : "specific_textareas",
editor_selector : "mce",
width: '100%',
height: '6000px',
menubar: "tools",
toolbar: "$[gs.getProperty('glide.ui.html.editor.v4.toolbar.line1')]",
content_css : "* {font: 10px arial, sans-serif;} b {font-weight:bold;} th {font-weight:bold;} strong {font-weight:bold;}",
});
</script>
<textarea cols="80" rows="10" id="myArea" name="myArea" class="mce"></textarea>
</j:jelly>

Please mark my answer correct if it helps you

[juan casas]

It dont work for me.

nothing loads, not on the UI page when I click 'try it' or when I try it from the UI action on the form.

I attached my code

button that sends the user to UI page

UI page

note: code in processor script commented out

thank you!!

[juan casas]

I see a big field now, but I don't see the functionality above the field. I will take a look at the property you mentioned, but I have not changed it

[Vijayalakshmi P]

This doesnt work. It simply displays a textarea and not the editor.