HTML Editor in BBIS Custom Part Editor

Rick Root

Did Blackbaud give custom part developer's an "Easy" way to add an HTML content field to a custom part editor?


I'm building a custom part and I'd like to be able to include some HTML content fields that enables the BBIS image and link functionality.

Garrett Keating

We just use our own implementation of TinyMCE, this should bump you in the right direction. 

let me know if you have questions. 


<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

<script type="text/javascript">

    tinymce.init({

        selector: "textarea",

        theme: "modern",

        width: 710,

        height: 300,

        relative_urls: false,

        convert_urls: false,

        remove_script_host : false,

        plugins: [

            "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",

            "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",

            "save table contextmenu directionality emoticons template paste textcolor"

        ],

        content_css: "css/content.css",

        toolbar:

            "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",

        style_formats: [

            { title: 'Bold text', inline: 'b' },

            { title: 'Red text', inline: 'span', styles: { color: '#ff0000' } },

            { title: 'Red header', block: 'h1', styles: { color: '#ff0000' } },

            { title: 'Example 1', inline: 'span', classes: 'example1' },

            { title: 'Example 2', inline: 'span', classes: 'example2' },

            { title: 'Table styles' },

            { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }

        ]

    });

</script>

 <asp:TextBox ID="txtTinyMice" runat="server" TextMode="MultiLine"></asp:TextBox>