Forum

HomeHomeCoreCoreGeneralGeneralAnyone have a working TEXTEDITOR example for DNN 7?Anyone have a working TEXTEDITOR example for DNN 7?
Previous
 
Next
New Post
9/30/2015 7:00 AM
 

sometimes on this forum, I feel like a man shouting in the wilderness, since there is rarely a response to my posts, but just in case.

I am trying to implement a pretty simple form but it has 5 HTML Text fields.

I would love to see a working example with either the RAD test editor or the CK editor.  Actually I'd like to see an example of each.  There is a version of OWS for each (at least that is why I think there are two different versions), but I cannot get either to work.

 With RAD Editor set as the default editor, the syntax in the Wiki returns a UI Render error. 

With CKEditor, the a "{TEXTEDITOR}" token oproduces nothing, although it does show up in the debugger, but without an error.

 

New Post
10/12/2015 2:23 PM
 

This message txt document

Sample config


/////// Assignment Control Header /////////

<script type="text/javascript" src="/Providers/HtmlEditorProviders/CKEditor/ckeditor.js"></script>
<script type="text/javascript" src="/Providers/HtmlEditorProviders/CKEditor/js/jquery.ckeditor.adapter.js"></script>

/////// Detail Template /////////
<textarea name="frmSomeTextArea" id="frmSomeTextArea">[SomeTextArea]</textarea>

<script type='text/javascript'>
$('textarea.myckeditor').ckeditor();
</script>

<script type="text/javascript">
$( document ).ready( function() {
$( 'textarea' ).ckeditor( {
toolbar: [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Preview'] },{ name: 'tools', items: [ 'Maximize' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'RemoveFormat',  '-', 'Undo', 'Redo' ] },
{ name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript'] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Language' ] },
{ name: 'styles', items: [ 'Format', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor' ] }
],
      uiColor: '#fefefe'
  } );
} );
</script>
New Post
10/12/2015 3:21 PM
 

Thanks so much  I will give it a try tonight. 

 

I have a form with 5 text boxes and three select drop downs.  In earlier versions of OWS it was working with TinyMCE, but not in the current version.  I configured the text boxes to use TinyMCE with the current version and that seems to work (Not totally tested( until I make a selection from one of the Select dropdowns, then the TinyMCE dissappears and I am back to the standard textareas.  Still chasing that down.  Not sure what is resetting it.

New Post
10/12/2015 10:42 PM
 

I have been using  Select 2  https://select2.github.io/ and this does not affect the  text editor

New Post
10/21/2015 11:29 AM
 

Hi Empulse,


I also use CKEditor (V2.1) with multiple Wysiwyg editors on the same form. 


On save I call my PreSubmit function which performs a few steps that I can't fully remember why at this moment but I know it works great. This function also submits via the Message Action but it could easily be a normal submission.


Hopefully the example below will help


In the next day or two I will try updating my CKEditor to the current version which is V3.xxx. If all goes well I will post a full example configuration


Regards


Tony


<script type="text/javascript" src="/Providers/HtmlEditorProviders/CKEditor/ckeditor.js"></script>
<script type="text/javascript" src="/Providers/HtmlEditorProviders/CKEditor/adapters/jquery.js"></script>
<script type="text/javascript">
function PreSubmit() {
for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();
CKEDITOR.remove(CKEDITOR.instances['mytextarea1']);
CKEDITOR.remove(CKEDITOR.instances['mytextarea2']);
{ACTION,Save,Save,,M,False};
}
</script>


<textarea name="mytextarea1" id="mytextarea1" cols="55" rows="15" style="width:600px;" class="myckeditor">[SomeText]</textarea>


<textarea name="mytextarea2" id="mytextarea2" cols="55" rows="15" style="width:600px;" class="myckeditor">[SomeMoreText]</textarea>


<button type="button" class="btn btn-primary" onClick="PreSubmit();" >SAVE</button>



<script>
$('textarea.myckeditor').ckeditor(
{
skin:'kama',toolbar:[['Source','-','Preview','-','Cut','Copy','PasteText','PasteFromWord','-','SpellChecker', 'Scayt','-','Undo','Redo','-','Find','Replace','-','SelectAll'],'/',['RemoveFormat','-','Bold','Italic','Underline','Strike','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','NumberedList','BulletedList'],['Link','Unlink','Anchor','Image','Flash', 'MediaEmbed', 'Table','HorizontalRule','Smiley','SpecialChar']],language:'en',width:'500px',height:'400px',filebrowserBrowseUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Type=Link&tabid=[TabID,System]&porid=[PortalID,System]&mid=[ModuleID,System]&ckid=txtContent',filebrowserImageBrowseUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Type=Image&tabid=[TabID,System]&porid=[PortalID,System]&mid=[ModuleID,System]&ckid=txtContent',filebrowserFlashBrowseUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Type=Flash&tabid=[TabID,System]&porid=[PortalID,System]&mid=[ModuleID,System]&ckid=txtContent',filebrowserUploadUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Command=FileUpload&tabid=[TabID,System]&porid=[PortalID,System]',filebrowserFlashUploadUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Command=FlashUpload&tabid=[TabID,System]&porid=[PortalID,System]',filebrowserImageUploadUrl:'/Providers/HtmlEditorProviders/CKEditor/Browser/Browser.aspx?Command=ImageUpload&tabid=[TabID,System]&porid=[PortalID,System]',filebrowserWindowWidth:'870',filebrowserWindowHeight:'780'
,disallowedContent : 'img{width,height}'
}
);
</script>

Previous
 
Next
HomeHomeCoreCoreGeneralGeneralAnyone have a working TEXTEDITOR example for DNN 7?Anyone have a working TEXTEDITOR example for DNN 7?


 

New York, NY • Baltimore, MD • Vienna, VA • St. Louis, MO • Seattle, WA • info@openwebstudio.com

Bookmark & Share Bookmark and Share