TOC BB code add-on implementation

[Slion]

The whole thing is working quite fine now. But there are still some rough edges:

• Copy/Paste in wysiwyg will loose headers formatting. I'm assuming this would require further Redactor customisation. Are there standard ways to customise Redactor for XenForo?
• I got in page #links working somehow but the code would be so much simpler if there were no <base> or a reliable way to find the document name that's currently being served, including for inline saves. In my case I believe I could simplify the code if I could get rid of the base, since my base is the domain root that should not break anything else.

The base is apparently injected using JavaScript for some reason:

<base href="https://xenforo.com/community/" />
 <script>
            var _b = document.getElementsByTagName('base')[0], _bH = "https://xenforo.com/community/";
            if (_b && _b.href != _bH) _b.href = _bH;
</script>

 

[Slion]

I got in page #links working somehow but the code would be so much simpler if there were no <base> or a reliable way to find the document name that's currently being served, including for inline saves. In my case I believe I could simplify the code if I could get rid of the base, since my base is the domain root that should not break anything else.

Just found out the following JavaScript possible solution to that problem. The downside obviously is that you need JavaScript.

 

[Slion]

I could customize the look of my headers from the following templates:

• EXTRA.css for page view.
• editor_contents.css for the redactor editor.

 

[Slion]

I could customize the look of my headers from the following templates:

• EXTRA.css for page view.
• editor_contents.css for the redactor editor.

That did it until now but to be able to publish that add-on I guess I'll need to use template modifications.
Moreover it looks like further customization of the redactor editor, possibly to get copy and paste to preserve header, could be done through template modifications too.

 

[Slion]

I've created a new template for my TOC css and then created a template modification for message.css to include my CSS template at the end of message.css but for some reason my CSS gets included twice. I can see the Apply Count is showing 2 for the relevant style but I have no idea why that would be.
Anyone care to help me on that one?

 

[Chris D]

You can click the counts and you'll get a summary. Is it applying to the same template in the same style twice? Or are two different styles listed?

 

[Slion]

Is it applying to the same template in the same style twice?

Yes, count is 5, 1x for Master Style, 2x for both parent styles of my current style.

 

[Chris D]

What exactly have you entered for the find / replace fields in the template modification?

 

[Slion]

What exactly have you entered for the find / replace fields in the template modification?

Find: #$#
Replace: <xen:include template="slions_toc.css" />

 

[Slion]

Here are the template modifications I have for now, message.css is needed for threads and message_simple.css is used by resources.



Here are the details for message.css:



My message.css modification is included twice whereas the one for message_simple.css is included once.
It's possibly an issue with the third party styles I'm using.

I'm considering using template modifications for thread_view.css and resource_view.css instead. Though the former has the same apply count issue.

 

[Slion]

Slions - Toc first draft now available for XF2:
https://xenforo.com/community/threads/porting-toc-bb-code-add-on-for-xf2-1.178041/post-1490168
See demo:

Fulguris

⚡ Android Web Browser Under development for over a decade, Fulguris is an open source Web Browser for Android devices with over 60 contributors. Join us on Discord. [H1 id='Features']Features[/H1] Here are some of the features offered by...

slions.net

 

[Slion]

Slions - Table Of Content

Provides the following BB codes: TOC: For table of content placement. H1, H2, H3, H4, H5, H6: For various headings level. Editor buttons for headings and table of content. Supports WYSIWYG editor. Supports named anchor so you can reorganize...

xenforo.com