Implimentated CKEditor4 on Staging

First Article using CKEditor 4

---

Proven, enterprise-grade WYSIWYG HTML editor with wide browser compatibility, including legacy browsers.

• Paste from Word and Excel, spell check, accessibility checker, tables.
• Autocomplete, @mentions, widgets, code snippets, emoji 😊 plugins.
• Full control over content: HTML filtering, view source mode.
• Great accessibility: WCAG 2.0 AA and Section 508 compliant.
• Long-term support (LTS) until 2023.

 

public SqlParameter MakeParameter(string ParameterName, SqlDbType ParameterType, Int32 ParameterSize,ParameterDirection objDirection, object ParameterValue)
{
            SqlParameter parameter;

            if (ParameterSize > 0)
                parameter = new SqlParameter(ParameterName, ParameterType, ParameterSize);
            else
                parameter = new SqlParameter(ParameterName, ParameterType);

            parameter.Direction = objDirection;
            if (!(objDirection == ParameterDirection.Output && ParameterValue == null))
                parameter.Value = ParameterValue;

            return parameter;
}


public void RunProcedure(string sProcName, out DataTable objDataTable)
{
            var objDataAdapter = new SqlDataAdapter();
            var objCommand = CreateCommand(OpenConnection(), sProcName, null);
            objDataAdapter.SelectCommand = objCommand;
            objDataTable = new DataTable();
            objDataAdapter.Fill(objDataTable);
            CloseConnection();
}

 

 

There are some CSS which can be use.

.rainbow-braces .token.punctuation.brace-level-2,
.rainbow-braces .token.punctuation.brace-level-6,
.rainbow-braces .token.punctuation.brace-level-10 {
	color: #0B3;
	opacity: 1;
}
.rainbow-braces .token.punctuation.brace-level-3,
.rainbow-braces .token.punctuation.brace-level-7,
.rainbow-braces .token.punctuation.brace-level-11 {
	color: #26F;
	opacity: 1;
}
.rainbow-braces .token.punctuation.brace-level-4,
.rainbow-braces .token.punctuation.brace-level-8,
.rainbow-braces .token.punctuation.brace-level-12 {
	color: #E0E;
	opacity: 1;
}

pre.diff-highlight > code .token.deleted:not(.prefix),
pre > code.diff-highlight .token.deleted:not(.prefix) {
	background-color: rgba(255, 0, 0, .1);
	color: inherit;
	display: block;
}

pre.diff-highlight > code .token.inserted:not(.prefix),
pre > code.diff-highlight .token.inserted:not(.prefix) {
	background-color: rgba(0, 255, 128, .1);
	color: inherit;
	display: block;
}