Code switch from p to div, why?

Tyler Johnson
Tyler Johnson
Eighth Anniversary Kudos 1 Name Dropper Participant
in Blackbaud School Website System™

Hello,

When I go and add in custom code into the HTML area of a Text content type, it always changes the <p> to <div> (I'm using javascript to grab all the <p> and so when the system switches them over to <div>, it does not work). Then I have to use an embedded widget, which works, but creates some other coding spacing problems in the page footer.

Oh, and my code works in Sublime.

Why does the system switch it?

Thanks,

Tyler

Comments

  • Bryce Howard
    Bryce Howard
    Third Anniversary First Reply Kudos 1 Name Dropper

    @Tyler Johnson

    Many CMS/WYSIWYG editors have automatic HTML sanitization or reformatting that will rewrite your markup behind the scenes when you save or switch between views, converting to <div> tags. It is hard to say with out being given specifics but you can try instead of the one tag, select both <p> and <div> tags: `document.querySelectorAll('p, div')`

    Maybe a class or attribute to the element with get pass the editor or lean on CSS targeting the widget to fix the spacing issues.

  • Tyler Johnson
    Tyler Johnson
    Eighth Anniversary Kudos 1 Name Dropper Participant

    @Bryce Howard
    interesting….thanks for responding and I will try that out!

    Cheers.

Categories