I have a form with a rich text box on it. I want the user to be able to fill out the text box and also enable them to create basic HTML tags such as hyperlinks. How can an end user of the form insert hyperlinks into their submission? I don't see the option in the rich text editor for hyperlink...and I can't simply put <a href></a> tags as it gets stored differently in the database.
Forums
Rich text hyperlinks...
Ok, I understand the FAQ basics...
This implies:
This implies:
ChronoForms v5 includes an option in the Textarea element to enable a WYSIWYG editor for the textarea. It adds a copy of the TinyMCE editor with some basic options. While this is often sufficient you sometimes need to add extra options or use a different editor. This FAQ show some ways to do that.
that there are "extra options" or you can use a different editor. What editor is suffice to embed the markup I am looking for? Or can I just turn on "extra options"?
Hi Natloz,
The TinyMCE docs for anchors are here.
You can use any Editor plug-in for Joomla! that does what you need - there are a couple built in the Joomla! and more in the JED.
Bob
The TinyMCE docs for anchors are here.
You can use any Editor plug-in for Joomla! that does what you need - there are a couple built in the Joomla! and more in the JED.
Bob
Ok, from what I can tell from the documentation you have provided, Chronoforms WYSIWYG editor by default uses TinyMCE editor. I have looked at the plugin on my site administration, and it has "Links" enabled for PUBLIC. How come Links is not showing up on my Text box?
Ok, I added custom element for tinymce and am able to see the extra fields...
What I seem to not have ability to control is the following:
The title of the element on the form (I want it to be above the text box rather than to the side).
Making the field mandatory with the RED Asterix
Defining the database fieldid for saving.
What I seem to not have ability to control is the following:
The title of the element on the form (I want it to be above the text box rather than to the side).
Making the field mandatory with the RED Asterix
Defining the database fieldid for saving.
Hi natloz,
The Joomla! TinyMCE settings don't affect the ChronoForms Textarea as it uses it's own version of TinyMCE (I guess that is so that CF isn't Joomla! dependent).
You can relocate the label by setting the label position in the Textarea element.
The column name should still be the input name you have set.
Also I think that the textarea validation settings will still work.
Bob
The Joomla! TinyMCE settings don't affect the ChronoForms Textarea as it uses it's own version of TinyMCE (I guess that is so that CF isn't Joomla! dependent).
You can relocate the label by setting the label position in the Textarea element.
The column name should still be the input name you have set.
Also I think that the textarea validation settings will still work.
Bob
Can you show me where to put the code for the validation? Not clear to me. Thanks.
<div class="form-group gcore-form-row" id="form-row-problemTitle"><label for="problemTitle" class="control-label gcore-label-top">Problem Title</label>
<div class="gcore-input-wide gcore-display-table" id="fin-problemTitle"><input name="problemTitle" id="problemTitle" value="" placeholder="" maxlength="100" size="45" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /><span class="help-block">Enter a title for your problem (max: 100 characters)</span></div></div><div class="form-group gcore-form-row" id="form-row-custom"><label for="custom" class="control-label gcore-label-top">Problem Description</label>
<div class="gcore-input gcore-display-table" id="fin-custom"><?php
$editor = \JEditor::getInstance('tinymce');
$params = array(
);
echo $editor->display( 'problemDescription', '', '400', '400', '20', '20', false, $params );
?> </div></div><div class="form-group gcore-form-row" id="form-row-fileUpload"><label for="fileUpload" class="control-label gcore-label-top">Attach JPG or PNG</label>
<div class="gcore-input-wide gcore-display-table" id="fin-fileUpload"><input name="fileUpload" id="fileUpload" class="form-control gcore-height-auto A" title="" style="" multiple="0" data-load-state="" data-tooltip="" type="file" /><span class="help-block">Attach JPG or PNG to better explain your problem if needed.</span></div></div><div class="form-group gcore-form-row" id="form-row-recaptcha"><div class="gcore-input gcore-display-table" id="fin-recaptcha">{ReCaptcha}</div></div><div class="form-group gcore-form-row" id="form-row-problemSubmit"><div class="gcore-input gcore-display-table" id="fin-problemSubmit"><input name="problemSubmit" id="problemSubmit" type="submit" value="Submit" class="btn btn-default form-control A" style="" data-load-state="" /></div></div>
This topic is locked and no more replies can be posted.