Richard S.R. Han Memo: TinyMCE

顯示具有 TinyMCE 標籤的文章。顯示所有文章

[Umbraco] Replace p tags start with root block in TinyMCE Editor

Purpose : Replace <p> to <div>+<br/>

Version: 4.X , File : /config/tinyMceConfig.config

Add TinyMCE configuration key under the <customConfig> element.

<config key="force_p_newlines">false</config>
<config key="force_br_newlines">true</config>
<config key="forced_root_block">div</config>

Recycle Application pool.

[Umbraco] Bug in calculating image dimensions in TinyMCE

Encounter in version 4.5.2 & 4.7.1

Update one existing picture by TinyMCE , when change height or width , another one will be changes to NaN.

How to fix:

Add rel in allowedAttributes element

File : /config/umbracoSetting.config

<allowedAttributes>alt,title,border,class,style,align,id,name,onclick,usemap,rel</allowedAttributes>

2. Ensure img element allw rel attribute ,

File : /config/tinyMCEConfig.config

[Umbraco] Add more than one TinyMCE datatype on page or usercontrol

        private void addTinyMCEControl(Control targetPlaceHolder, TabPage tp)
        {

            DataTypeDefinition htmlEditorDataType =
                   DataTypeDefinition.GetDataTypeDefinition(new Guid("A521511A-7BEE-4C5B-8D7B-4B06B57392B3"));

            //The other way can get datatype id directly.
            //DataTypeDefinition htmlEditorDataType = DataTypeDefinition.GetDataTypeDefinition(-87);

            TinyMCE umbracoTinyMCEEditor = (TinyMCE)htmlEditorDataType.DataType.DataEditor;

            string toolbar_id = string.Empty;

            if (umbracoTinyMCEEditor != null)
            {
                if (umbracoTinyMCEEditor.config["umbraco_toolbar_id"] != null)
                    umbracoTinyMCEEditor.config.Remove("umbraco_toolbar_id");
                toolbar_id = "tinyMCEMenu_" + targetPlaceHolder.ClientID;
                umbracoTinyMCEEditor.config.Add("umbraco_toolbar_id", toolbar_id);
                targetPlaceHolder.Controls.Add(umbracoTinyMCEEditor);
                tp.Menu.NewElement("div", toolbar_id, "tinymceMenuBar", 0);
            }
        }

Reference: