J3.x

Adding custom fields/Editor Field: Difference between revisions

From Joomla! Documentation

< J3.x:Adding custom fields
← Older edit
SarahBerryman (talk | contribs)
Email Confirmed
7 edits
No edit summary
 
(18 intermediate revisions by 7 users not shown)
Line 1: Line 1:
===Editor===
<noinclude><languages /></noinclude><br />
Provides a drop down list of the available WYSIWYG editors.


====Options====
{{section portal heading|icon=file|title=<translate><!--T:1-->
Special options within this field are
Editor Field</translate>}}
* Buttons<br />You can decide if the button should be shown or not.
{{J3.x:Adding_custom_fields/TOC/<translate><!--T:2-->
* Hide<br />Hide the buttons in the comma separated list. If you insert "pagebreak,readmore" the buttons for pagebreak and readmore will not displayed.
en</translate>}}
* Width<br />The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.
<translate>
* Height<br />The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.
===Editor=== <!--T:3-->
</translate>
<translate><!--T:4-->
Provides a drop down list of the available WYSIWYG editors.</translate>


====Related Information====
<translate>
See [[S:MyLanguage/Editors_form_field_type|Editors form field type]]
====Options==== <!--T:5-->
</translate>
<translate><!--T:6-->
Special options within this field are</translate>
<translate><!--T:7-->
* Show Buttons<br />You can decide if the button should be shown or not. </translate>
<translate><!--T:8-->
* Hide Buttons<br />You can select special buttons in a drop down for hiding in the tool bar of the editor. '''Note''': This option is only useful if the option show buttons is set to ''yes''.</translate>
<translate><!--T:9-->
* Width<br />The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.</translate>
<translate><!--T:10-->
* Height<br />The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.</translate>
<translate><!--T:25-->
* Filter<br />Allow the system to save certain html tags or raw data.</translate>


====Screenshots====
<translate>


=====Creating the field=====
====Related Information==== <!--T:11-->
Let's say you create a field with the options shown in the next figure.
</translate>
<translate><!--T:12-->
See [[S:MyLanguage/Editors_form_field_type|Editors form field type]]</translate>


[[File:Editor_field_create-en.png|800px]]
<translate>
====Screenshots==== <!--T:13-->
</translate>
<translate>
=====Creating the field===== <!--T:14-->
</translate>
<translate><!--T:15-->
Let's say you create a field with the options shown in the next figure.</translate>


=====Using the field in the backend=====
[[File:Editor_field_create-<translate><!--T:16-->
In the backend while creating an article or a contact you see the field like in the following imageː
en</translate>.png|800px]]


[[File:Editor-en.png|800px]]
<translate>
=====Using the field in the backend===== <!--T:17-->
</translate>
<translate><!--T:18-->
In the backend while creating an article or a contact you see the field like in the following imageː</translate>


=====Using the field in the frontend=====
[[File:Editor-<translate><!--T:19-->
In the frontend, you can see the field as you see in the following image. The option ''Automatic display'' is responsible for the position of the field and your template is responsible for the design of the field.
en</translate>.png|800px]]


[[File:Editor_field_frontend-en.png]]
<translate>
=====Using the field in the frontend===== <!--T:20-->
</translate>
<translate><!--T:21-->
In the frontend, you can see the field as you see in the following image. The option ''Automatic display'' is responsible for the position of the field and your template is responsible for the design of the field.<br />
Fields are only displayed in the frontend if you have filled them with data in the article. If it is not a required field, can you forget it?</translate>
 
[[File:Editor_field_frontend-<translate><!--T:22-->
en</translate>.png|800px]]
 
<div class="row">
<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Color_Field|<translate><!--T:23-->
Prev: Color Field</translate>|class=expand success}}</div>
<div class="large-6 columns">{{Basic button|S:MyLanguage/J3.x:Adding_custom_fields/Integer_Field|<translate><!--T:24-->
Next: Integer Field</translate>|class=expand}}</div>
</div>
__NOTOC__
<noinclude>
[[Category:Tutorials{{#translation:}}]]
[[Category:Custom Fields{{#translation:}}]]
[[Category:Beginners{{#translation:}}]]
[[Category:Joomla! 3.x{{#translation:}}]]
[[Category:Joomla! 3.7{{#translation:}}]]
[[Category:Joomla! 3.8{{#translation:}}]]
[[Category:Joomla! Website Management{{#translation:}}]]
</noinclude>

Latest revision as of 15:43, 24 February 2024

Other languages:


Editor Field


Articles in this Series

  1. Introduction
  2. Parameters for all Custom Fields
  3. Calendar Field
  4. Checkboxes Field
  5. Color Field
  6. Editor Field
  7. Integer Field
  8. List Field
  9. List of Images Field
  10. Media Field
  11. Radio Field
  12. Repeatable Field
  13. Sql Field
  14. Text Field
  15. Textarea Field
  16. Url Field
  17. User Field
  18. Usergroup Field
  19. How can you group custom fields
  20. What components are supporting custom fields
  21. Implementation into your component
  22. Use custom fields in your overrides

Editor

Provides a drop down list of the available WYSIWYG editors.

Options

Special options within this field are

  • Show Buttons
    You can decide if the button should be shown or not.
  • Hide Buttons
    You can select special buttons in a drop down for hiding in the tool bar of the editor. Note: This option is only useful if the option show buttons is set to yes.
  • Width
    The value for width defines the width (in pixels) of the WYSIWYG editor. Default value for this is 100%.
  • Height
    The value for height defines the heigth (in pixels) of the WYSIWYG editor. Default value for this is 250px.
  • Filter
    Allow the system to save certain html tags or raw data.


Related Information

See Editors form field type

Screenshots

Creating the field

Let's say you create a field with the options shown in the next figure.

Using the field in the backend

In the backend while creating an article or a contact you see the field like in the following imageː

Using the field in the frontend

In the frontend, you can see the field as you see in the following image. The option Automatic display is responsible for the position of the field and your template is responsible for the design of the field.
Fields are only displayed in the frontend if you have filled them with data in the article. If it is not a required field, can you forget it?

Prev: Color Field
Next: Integer Field
Retrieved from "https://docs.sandbox.joomla.org/index.php?title=J3.x:Adding_custom_fields/Editor_Field&oldid=1021474"