HTML Editor in BBIS Custom Part Editor

Rick Root
Rick Root
Tenth Anniversary Kudos 2 Name Dropper Participant
in Blackbaud CRM Developer Discussions
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.

Comments

  • Garrett Keating
    Garrett Keating
    Ninth Anniversary Participant Facilitator 1
    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
    Rick Root
    Tenth Anniversary Kudos 2 Name Dropper Participant
    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
    Garrett Keating
    Ninth Anniversary Participant Facilitator 1
    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

     

Categories