nopcommerce 4.5.x tinyMCE configuration

nopcommerce 4.5.x tinyMCE configuration

RichEditor.cshtml

nopCommerce_4.50.0_Source\src\Presentation\Nop.Web\Areas\Admin\Views\Shared\EditorTemplates\RichEditor.cshtml

You have to edit the RichEditor.cshtml with the following  settings:

codesample

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'codesample',
  toolbar: 'codesample'
});

  var defaultEditorSettings@(random) = {
            selector: "#@Html.IdForModel()",
            fontsize_formats: "8pt 9pt 10pt 11pt 12pt 26pt 36pt",
            height: 200,
            width: '100%',
            resize: true,
            min_height: 200,
            max_height: '100%',
            plugins: [
                "advlist autolink autoresize directionality lists link image charmap preview anchor",
                "searchreplace visualblocks code fullscreen codesample",
                "insertdatetime media table paste@(enableFullPage ? " fullpage" : null)"
            ],
            toolbar: "ltr rtl | insertfile undo redo | styleselect | code codesample | fontselect | fontsizeselect | bold italic | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
            relative_urls: false,
            suffix: '.min',
            base_url: '@Url.Content("~/lib_npm/tinymce")',

Step 1：Add Plugin

codesample 

Step 2：Add 

| codesample |

blockquote