public static HtmlString CkEditorFor <TModel, TValue>(this HtmlHelper <TModel> helper,
Expression <Func <TModel, TValue> > expression,
CkEditorToolbar ckEditorToolbarMode,
bool editable,
bool allowAllContent,
string filebrowserImageUploadUrl,
int?height) where TModel : FormViewModel
{
var metadata = ModelMetadata.FromLambdaExpression(expression, helper.ViewData);
var modelValue = (HtmlString)metadata.Model;
if (!editable)
{
return(modelValue);
}
var modelID = helper.IdFor(expression).ToString();
var textAreaID = string.Format("CkEditorFor{0}", modelID);
var htmlAttributes = new Dictionary <string, object>()
{
{ "id", textAreaID }, { "contentEditable", "true" }, { "data-cke-editor-id", modelID }
};
var generateJavascript = GenerateJavascript(modelID, ckEditorToolbarMode, filebrowserImageUploadUrl, allowAllContent, height);
var textAreaHtmlString = helper.TextAreaFor(expression, htmlAttributes);
return(MvcHtmlString.Create(string.Format(@"{0}{1}", textAreaHtmlString, generateJavascript)));
}
public static HtmlString CkEditorFor <TModel, TValue>(this HtmlHelper <TModel> helper,
Expression <Func <TModel, TValue> > expression,
CkEditorToolbar ckEditorToolbarMode,
bool editable,
bool allowAllContent,
int?height) where TModel : FormViewModel
{
return(CkEditorFor(helper, expression, ckEditorToolbarMode, editable, allowAllContent, null, height));
}
/// <summary>
/// This is used by ckeditors for a FirmaPage
/// </summary>
public static HtmlString CkEditorFor <TModel, TValue>(this HtmlHelper <TModel> helper,
Expression <Func <TModel, TValue> > expression,
CkEditorToolbar ckEditorToolbarMode,
bool editable,
int firmaPageID,
int?height) where TModel : FormViewModel
{
var filebrowserImageUploadUrl = SitkaRoute <FileResourceController> .BuildUrlFromExpression(c => c.CkEditorUploadFileResource(firmaPageID, null));
return(CkEditorFor(helper, expression, ckEditorToolbarMode, editable, false, filebrowserImageUploadUrl, height));
}
public static string GenerateJavascript(string modelID, CkEditorToolbar ckEditorToolbarMode, string filebrowserImageUploadUrl, bool allowAllContent, int?height)
{
var tag = new TagBuilder("script");
tag.Attributes.Add("type", "text/javascript");
tag.Attributes.Add("language", "javascript");
var ckEditorToolbarJavascript = GenerateToolbarSettings(ckEditorToolbarMode);
var ckEditorID = String.Format("CkEditorFor{0}", modelID);
var wireUpJsForImageUploader = String.Empty;
if (ckEditorToolbarJavascript.HasImageToolbarButton && !string.IsNullOrWhiteSpace(filebrowserImageUploadUrl))
{
wireUpJsForImageUploader = String.Format("\r\n , filebrowserImageUploadUrl: {0}", filebrowserImageUploadUrl.ToJS());
}
var allowedContentString = allowAllContent ? "\r\n , allowedContent: true" : string.Empty;
var heightString = height.HasValue ? string.Format("\r\n , height: {0}", height.Value) : string.Empty;
tag.InnerHtml = String.Format(@"
// <![CDATA[
jQuery(document).ready(function ()
{{
CKEDITOR.replace(""{0}"", {{
toolbar:
[
{1}
]{2}{3}{4}
}});
}});
// ]]>
", ckEditorID, ckEditorToolbarJavascript.JavascriptForToolbar, allowedContentString, wireUpJsForImageUploader, heightString);
return(tag.ToString(TagRenderMode.Normal));
}
private static CkEditorToolbarJavascript GenerateToolbarSettings(CkEditorToolbar ckEditorToolbarMode)
{
bool hasImageToolbarButton;
string toolbarSettings;
switch (ckEditorToolbarMode)
{
case CkEditorToolbar.All:
toolbarSettings =
@" { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', 'Save', 'NewPage', 'DocProps', 'Preview', 'Print', 'Templates', 'document' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', 'SelectAll', 'Scayt' ] },
{ name: 'insert', items: [ 'CreatePlaceholder', 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'InsertPre' ] },
{ name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'RemoveFormat' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'CreateDiv', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl' ] },
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'UIColor', 'Maximize', 'ShowBlocks' ] }";
hasImageToolbarButton = true;
break;
case CkEditorToolbar.AllOnOneRow:
toolbarSettings =
@" { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', 'Save', 'NewPage', 'DocProps', 'Preview', 'Print', 'Templates', 'document' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', 'SelectAll', 'Scayt' ] },
{ name: 'insert', items: [ 'CreatePlaceholder', 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'InsertPre' ] },
{ name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'RemoveFormat' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'CreateDiv', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl' ] },
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'UIColor', 'Maximize', 'ShowBlocks' ] }";
hasImageToolbarButton = true;
break;
case CkEditorToolbar.AllOnOneRowNoMaximize:
toolbarSettings =
@" { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', 'Save', 'NewPage', 'DocProps', 'Preview', 'Print', 'Templates', 'document' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', 'SelectAll', 'Scayt' ] },
{ name: 'insert', items: [ 'CreatePlaceholder', 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'InsertPre' ] },
{ name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'RemoveFormat' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'CreateDiv', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl' ] },
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'UIColor', 'ShowBlocks' ] }";
hasImageToolbarButton = true;
break;
case CkEditorToolbar.Minimal:
toolbarSettings = @" { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'RemoveFormat' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'CreateDiv', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl' ] },
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }";
hasImageToolbarButton = false;
break;
case CkEditorToolbar.MinimalWithImages:
toolbarSettings = @" { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'RemoveFormat' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'CreateDiv', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl' ] },
{ name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }";
hasImageToolbarButton = true;
break;
case CkEditorToolbar.None:
toolbarSettings = String.Empty;
hasImageToolbarButton = false;
break;
default:
throw new ArgumentOutOfRangeException("ckEditorToolbarMode");
}
return(new CkEditorToolbarJavascript(toolbarSettings, hasImageToolbarButton));
}
