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>

 

Rick Root

Thanks.


I did get some code from my friends at Ohio State that allowed me to implement the BBIS version of the TinyMCE editor, will the same menu options and everything (including the link editor, image editor, etc)

Garrett Keating

That works too

we went custom only because then I can upgrade TinyMCE without having to upgrade BBIS

but we're self hosted so that might not be a consideration of yours