Tinymce asp.net controls

Tinymce là 1 bộ mã nguồn mở khá ngon, chạy nhanh dễ dàng custom và viết thêm plugin

Dưới đây là mã nguồn Tinymce Asp.net Control


using System;
using System.Collections.Specialized;
using System.ComponentModel;
using System.Text;
using System.Web.UI;
using System.Web.UI.WebControls;


namespace Nasa8x.Web.UI
{
    [ToolboxData("<{0}:HtmlEditor runat=\"server\"></{0}:HtmlEditor>")]
    public sealed class HtmlEditor : TextBox
    {

        private const string _plugins = "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,filemanager";
        private const string ControlName = "Editor";
        private string _sScriptPath = "/HtmlEditor/";

        private string[] _sAdvancedToolBarButtons = new[]
                                                {
                                                    "paste,pastetext,pasteword,|,undo,redo,cleanup,|,tablecontrols,|,hr,removeformat,visualaid,|,insertlayer,moveforward,movebackward,absolute",
                                                    "search,replace,|,bullist,numlist,outdent,indent,blockquote,|,sub,sup,|,ltr,rtl,|,cite,abbr,acronym,del,ins,attribs,|,charmap,emotions,iespell,advhr,|,image,media,|,code,preview,fullscreen",
                                                    "styleprops,forecolor,backcolor,fontselect,fontsizeselect,formatselect,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,anchor",
                                                    ""
                                                };

        private readonly string[] _sMediumToolBarButtons = new[] {
                                                        "pastetext,|,search,replace,|,bullist,numlist,outdent,indent,blockquote,|,sub,sup,|,ltr,rtl,|,cite,abbr,acronym,del,ins,attribs,|,charmap,emotions,iespell,advhr,|,image,media,|,code,preview,fullscreen",
                                                        "styleprops,forecolor,backcolor,fontselect,fontsizeselect,formatselect,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,anchor",
                                                        "",
                                                        ""
                                                        };


        private readonly NameValueCollection _SkinNameValues;


        #region Contactor

        public HtmlEditor()
        {

            _SkinNameValues = new NameValueCollection
                                  {
                                      {"default", "skin:default"},
                                      {"office2007blue", "skin : \"o2k7\",skin_variant :\"blue\""},
                                      {"office2007silver", "skin : \"o2k7\",skin_variant :\"silver\""},
                                      {"office2007black", "skin : \"o2k7\",skin_variant :\"black\""}
                                  };
        }

        #endregion

        #region Enum

        public enum EditorToolBarLocation
        {
            Top,
            Bottom
        }

        public enum EditorToolBarAlign
        {
            Left,
            Right
        }

        public enum EditorStatusBarLocation
        {
            Top,
            Bottom,
            None
        }

        public enum EditorThemeMode
        {
            Simple,
            Advanced
        }


        public enum EditorSkin
        {
            Office2007Blue,
            Office2007Silver,
            Office2007Black
        }



        #endregion

        #region Properties



        public bool FileManagerEnable
        {

            get
            {
                object _o = ViewState["FileManagerEnable"];
                if (_o != null)
                    return (bool)_o;
                return true;

            }
            set { ViewState["FileManagerEnable"] = value; }
        }



        public bool IsAjaxEnable
        {

            get
            {

                object _o = ViewState["IsAjaxEnable"];
                if (_o != null)
                    return (bool)_o;
                return true;

            }
            set { ViewState["IsAjaxEnable"] = value; }
        }

        public string ScriptPath
        {
            get
            {

                if (!_sScriptPath.EndsWith("/")) _sScriptPath += "/";
                return _sScriptPath;

            }
            set
            {

                _sScriptPath = value;
            }

        }

        public string Plugins
        {
            get
            {
                return _plugins;
            }
        }

        public string[] ToolBarButtons
        {
            get
            {
                return _sAdvancedToolBarButtons;
            }
            set { _sAdvancedToolBarButtons = value; }
        }


        public EditorToolBarLocation ToolBarLocation
        {
            get
            {
                object o = ViewState["ToolBarLocation"];
                return o == null ? EditorToolBarLocation.Top : (EditorToolBarLocation)o;
            }
            set
            {
                ViewState["ToolBarLocation"] = value;
            }

        }

        public EditorToolBarAlign ToolBarAlign
        {
            get
            {
                object o = ViewState["ToolBarAlign"];
                return o == null ? EditorToolBarAlign.Left : (EditorToolBarAlign)o;
            }
            set
            {
                ViewState["ToolBarAlign"] = value;
            }

        }

        public enum EditorToolBarMode
        {
            Simple,
            Medium,
            Advanced
        }

        public EditorToolBarMode ToolBarMode
        {
            get
            {
                object o = ViewState["ToolBarMode"];
                return o == null ? EditorToolBarMode.Advanced : (EditorToolBarMode)o;
            }
            set
            {
                ViewState["ToolBarMode"] = value;
            }

        }


        public EditorThemeMode ThemeMode
        {
            get
            {
                object o = ViewState["ThemeMode"];
                return o == null ? EditorThemeMode.Advanced : (EditorThemeMode)o;
            }
            set
            {
                ViewState["ThemeMode"] = value;
            }

        }


        public EditorStatusBarLocation StatusBarLocation
        {
            get
            {
                object o = ViewState["StatusBarLocation"];
                return o == null ? EditorStatusBarLocation.Bottom : (EditorStatusBarLocation)o;
            }
            set
            {
                ViewState["StatusBarLocation"] = value;
            }

        }


        public bool Resizing
        {

            get
            {
                object _o = ViewState["Resizing"];
                if (_o != null)
                    return (bool)_o;
                return true;

            }
            set { ViewState["Resizing"] = value; }
        }


        public EditorSkin Skin
        {

            get
            {
                object o = ViewState["Skin"];
                return o == null ? EditorSkin.Office2007Blue : (EditorSkin)o;
            }
            set
            {
                ViewState["Skin"] = value;
            }

        }


        public bool ConvertUrls
        {

            get
            {
                object _o = ViewState["ConvertUrls"];
                if (_o != null)
                    return (bool)_o;
                return false;

            }
            set { ViewState["ConvertUrls"] = value; }
        }


        private string ClientSkinString
        {
            get
            { return _SkinNameValues[Skin.ToString().ToLower()]; }

        }



        internal string ClientObjectString
        {
            get
            {
                if (!DesignMode)
                {
                    StringBuilder sb = new StringBuilder();
                    sb.Append("{");
                    sb.AppendFormat("mode:\"{0}\"", "exact");
                    sb.Append(",");
                    sb.AppendFormat("elements:\"{0}\"", ClientID);
                    sb.Append(",");
                    sb.AppendFormat("plugins:\"{0}\"", Plugins);
                    sb.Append(",");

                    sb.AppendFormat("convert_urls : {0}", Convert.ToByte(ConvertUrls));
                    sb.Append(",");
                    // Skin Color
                    sb.Append(ClientSkinString);
                    sb.Append(",");

                    sb.AppendFormat("theme:\"{0}\"", ThemeMode.ToString().ToLower());


                    sb.Append(",");
                    sb.AppendFormat("inlinepopups_skin:\"{0}\"", Skin.ToString().ToLower());


                    #region //Ren toolbar

                    for (int i = 0; i < ToolBarButtons.Length; i++)
                    {


                        sb.Append(",");
                        sb.AppendFormat("theme_advanced_buttons{0}:\"{1}\"", i + 1, ToolBarButtons[i]);


                    }

                    #endregion

                    //

                    sb.Append(",");
                    sb.AppendFormat("theme_advanced_toolbar_location:\"{0}\"", ToolBarLocation.ToString().ToLower());

                    sb.Append(",");
                    sb.AppendFormat("theme_advanced_toolbar_align:\"{0}\"", ToolBarAlign.ToString().ToLower());


                    if (StatusBarLocation != EditorStatusBarLocation.None)
                    {
                        sb.Append(",");
                        sb.AppendFormat("theme_advanced_statusbar_location:\"{0}\"", StatusBarLocation.ToString().ToLower());

                    }

                    sb.Append(",");
                    sb.AppendFormat("theme_advanced_resizing:{0}", Resizing.ToString().ToLower());

                    sb.Append(",");
                    sb.Append("template_replace_values : {username : \"NASA8x\",staffid : \"118\"}");



                    if (IsAjaxEnable)
                    {

                        sb.Append(",");

                        sb.Append("setup : function(ed) {");


                        // On Content Change
                        sb.Append("ed.onChange.add(function(ed, o) {");
                        sb.Append("document.getElementById('" + ClientID + "').value=ed.getContent();"); // function body
                        sb.Append("});"); //End Function

                        // On onNodeChange
                        sb.Append("ed.onSetContent.add(function(ed, o) {");
                        sb.Append("document.getElementById('" + ClientID + "').value=ed.getContent();"); // function body
                        sb.Append("});"); //End Function

                        sb.Append("}"); // End Setup

                    }


                    sb.Append("}");


                    return sb.ToString();
                }
                return "";
            }
        }


        internal string ClientObjectCreationString
        {
            get
            {
                // return String.Format("window[\"{0}\"] = tinyMCE.init({1});", ClientID, ClientObjectString);
                return String.Format("tinyMCE.init({0});", ClientObjectString);
            }
        }


        [DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden),
       Browsable(false)]
        internal string InitScripts
        {
            get
            {
                return String.Format("<script type=\"text/javascript\">/*<![CDATA[*/{0}/*]]>*/</script>", ClientObjectCreationString);
                //return String.Format("<script type=\"text/javascript\">{0}</script>", ClientObjectCreationString);
            }
        }


        #endregion

        //#region Warning

        //private static void RenderRedistributableWarning(TextWriter output)
        //{
        //    output.Write(
        //        "<div style=\"background-color:#3F3F3F;border:1px;border-style:solid;border-bottom-color:black;border-right-color:black;border-left-color:lightslategray;border-top-color:lightslategray;color:cornsilk;padding:2px;font-family:verdana;font-size:11px;\">");

        //    output.Write(Utils.COPPY_RIGHT);
        //    output.Write("</div>");
        //}

        //#endregion


        protected override void OnInit(EventArgs e)
        {

            base.OnInit(e);
            TextMode = TextBoxMode.MultiLine;


            //Check Toolbar Button

            switch (ToolBarMode)
            {

                case EditorToolBarMode.Medium:
                    ToolBarButtons = _sMediumToolBarButtons;
                    break;

                case EditorToolBarMode.Simple:
                    //Set Button
                    break;


            }


            if (!Page.ClientScript.IsClientScriptIncludeRegistered("Nasa8xScript_" + ControlName))
            {
                string _scriptUrl = ScriptPath + "tiny_mce.js";
                Page.ClientScript.RegisterClientScriptInclude(GetType(), "Nasa8xScript_" + ControlName, _scriptUrl);

            }

        }


        protected override void Render(HtmlTextWriter outWriter)
        {

            base.Render(outWriter);

            outWriter.Write(InitScripts);


        }
    }
}



Cách dùng:

  <nasa8x:HtmlEditor runat="server" ToolBarMode="Simple"   ID="_ContactInfo" StatusBarLocation="None" Width="96%" MaxLength="500" Height="100"></nasa8x:HtmlEditor>


Script các bạn download tại:
http://tinymce.com

Mã nguồn
http://www.mediafire.com/?xrivxoo1ss1kmts

Demo + Mã nguồn
http://www.mediafire.com/?7dn3g7kt9lkmt11

Thanks bạn nhiều nha,
links bị lỗi rồi bạn ơi.
bạn vui lòng up link khác hộ mình với, cảm ơn bạn nhiều

em tải mã nguồn về add vào source
vào trang aspx gọi nó
mà nó ko hiểu: </nasa8x:HtmlEditor>
vậy phải làm sao vậy anh đường bá hỗ

Thêm vào webconfig chỗ này nè:

<pages validateRequest="false" enableEventValidation="true" viewStateEncryptionMode="Always">
            <controls>
                <add tagPrefix="nasa8x" namespace="Nasa8x.Web.UI" assembly="Nasa8x.CMS"/>
                <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
            </controls>
        </pages>

Tag này có thể đặt tên tùy ý bạn nhé!

chào anh ah.
em add vào nó bảo lỗi như thế này.

Error 1 Could not load file or assembly 'Nasa8x.CMS' or one of its dependencies. The system cannot find the file specified.
mong nhận đc sự hỗ trợ từ anh ah. 

Hic híc cái Nasa8x.CMS là dll mà bạn build ra

Nếu bạn build nó tên khác thì đặt đúng tên đó.

hi hi, em gà quá, mà anh ơi từ đâu build ra?
anh có thể share cho em cùng tất cả các bạn 1 project có sd Tinymce ko ah?
em chân thành cảm ơn anh ah.

Vừa add thêm bản demo đó. Bạn download về chạy là rõ nhé

chào anh admin anh ơi em down về chạy vẫn bị lỗi. nó bị lỗi này nè anh, sao kì quá. hù hù, anh coi hộ em với
em inser anh ko đc
http://cC8.upanh.com/27.676.34950637.rh0/untitled.png

làm cái tag code trong diễn đàn đi anh :D để theo dõi code cho tiện

Mọi người chờ chút đang làm Tag Code Highlight :D

Insert anh là 1 bộ khác. Mình có 1 bộ cũ bạn down tại đây

http://ajax-file-manager.nasa8x.com

Download:
http://vualaptrinh.com/go/14/

Bộ mới dùng flash cũng sắp ra lò. Bạn xem trước tại

http://nasa8x.com/labs/flex-explorer/

link bị lỗi anh ơi down ko đc

Sory mới thay đổi đường dẫn

http://vualaptrinh.com/go/14/