6383-editor

[youssefOuahalou]

Hello,
I have a small problem of adaptation I tried to change the size of line and column but I did not have any change.
I edit the file: datasetFieldForEditFragment.xhtml I changed the tag <p: inputTextarea to become <p: textEditor

datasetFieldForEditFragment.txt

[djbrooke]

Hi @youssefOuahalou, as I mentioned in the previous issue (#6353), I'm not sure we want to support this and I would not be inclined to accept a PR for this at this time. Some research needs to happen from an interoperability standpoint and technical standpoint, and we may need to change how we handle some characters in displays. This would be a larger effort and we don't have the bandwidth right now.

The IQSS team is pretty busy with roadmap items (https://www.iq.harvard.edu/roadmaps) and other work, and we're heading into the holidays here in the US. I'm not saying "no" to this, I'm just saying not now. If you can organize members of the community to do some research on the implications and if there's broader interest, we could accelerate this with the community's help, but it's not a problem that's a priority to solve right now.

[mheppler]

@youssefOuahalou, I suggest that you close this issue and continue to use the first issue you opened last week (Markdown wysiwyg #6383), as the issue to track your feature request. In that issue, I am also going to add a comment outlining some of the outstanding metadata support and validation concerns that @djbrooke spoke of in his comment and why this feature request is not as simple as changing the form component in the UI.

For future developer related questions, I suggest you use the Dataverse Dev mailing list, which you can find linked in our Developer Guide.

That said, thank you for providing a code snippet and screenshot, in order to help replicate your issue. It appears this is a simple CSS fix, by removing the Bootstrap form-control style class, as well as removing the rows and cols attributes that are not used with this component, and adding some inline CSS to the PrimeFaces component. (Also added the toolbar facet to customize the formatting options displayed.)

    <p:textEditor value="#{dsfv.valueForEdit}" id="description" pt:aria-required="#{dsf.required}"
                  height="180" style="height:220px;"
                  rendered="#{dsfv.datasetField.datasetFieldType.fieldType == 'TEXTBOX' }">
        <f:facet name="toolbar">
            <span class="ql-formats">
                <select class="ql-font"></select>
                <select class="ql-size"></select>
            </span>
            <span class="ql-formats">
                <button class="ql-bold"></button>
                <button class="ql-italic"></button>
                <button class="ql-underline"></button>
                <button class="ql-strike"></button>
            </span>
        </f:facet>
    </p:textEditor>

[youssefOuahalou]

Thank you for your comments, I already tried this but removing the form-control we have errors in the display

[youssefOuahalou]

Thank you very much my concern is solved

[youssefOuahalou]

Thank you very much my concern is solved