Community

adding and using library

Technical Support
  • charlesC
    charlesC
    #1

    using this as example:
    <head>
    <script src="jquery-1.12.0.min.js"></script>
    </head>

    To add any library to nodebb do I just paste in custom header?
    Also where do I put the library file(s)?
    What is path that need to be use for url to reference it?

    1
  • charlesC
    charlesC
    #2

    Does anyone know of any nodebb doc that describes how to do this?
    Is adding a library to nodebb manually not recommended?

    1
  • N
    N
    Gamers
    #3

    I think you can use the cdn of jquery if you want.

    charlesC 1 Reply
    0
  • charlesC
    charlesC
    #4

    @Nisthar yes can use cdn. right now trying to learn and understand how to add any library.

    another example:
    foundation site shows this in head
    <link rel="stylesheet" href="css/foundation.css" />

    and this before the closing body
    <script src="js/foundation.min.js"></script>

    that part I understand for standard html file by creating the css and js folder and including the files but I want to do that inside nodebb.

    Where do I put the css and js file for any library so it can be referenced and use for nodebb?

    Not sure if I'm giving right details. Hope that make sense

    0
  • yariplusY
    yariplusY
    Community Rep
    #5

    Hey @charles, unfortunately, there's not one solution that will work for every library.

    Many libraries will work just by adding the <script> tag alone to your Custom Header section of the ACP. But some are picky about in what order they get loaded, some won't work at all (without some help), and some will need you to use a require() call to load them. If we knew the specific library/s, I think we could be of more help.

    As far as uploading the library, everything in the /public directory is exposed on the website root. So, you can generally put the library anywhere in there.

    charlesC 1 Reply
    1
  • yariplusY
    yariplusY
    Community Rep
    #6

    Just saw you posted about foundation.

    foundation should work by adding the <script> tag, but you'll also need to reload it whenever the page changes, like so:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.0/foundation.min.js"></script>
<script>
$(window).on('action:ajaxify.end', function(){
    $(document).foundation();
});
</script>
    1
  • charlesC
    charlesC
    #7

    @yariplus said:

    As far as uploading the library, everything in the /public directory is exposed on the website root. So, you can generally put the library anywhere in there.

    This is what I was looking for! Thanks!

    As for loading a js file at the end right before the closing body, which file should I place the script tag?

    0

Suggested Topics

  • A

    Using nodebb-plugin-sso-oauth for CAS Single Sign On

    Technical Support
    0 Votes
    1 Posts
    468 Views

    A

    Hello,

    I am attempting to use the nodebb-plugin-sso-oauth plugin to implement SSO with CAS into my forum.

    We are based on Apereo CAS.

    My CAS is using Oauth2. I have POST methods with urls for request code (authorization), request access token, and request profile.

    I have installed the plugin and set up nconf to use my constants.

    I activated the plugin and refreshed my nodebb forum.

    It is now crashing upon starting and I get the following error.

    24/7 00:37:39 [29650] - error: message=Cannot read property 'length' of undefined, stack=TypeError: Cannot read property 'length' of undefined
    at pathtoRegexp (/root/nodebb/node_modules/path-to-regexp/index.js:63:49)
    at new Layer (/root/nodebb/node_modules/express/lib/router/layer.js:45:17)
    at Function.use (/root/nodebb/node_modules/express/lib/router/index.js:464:17)
    at Function.<anonymous> (/root/nodebb/node_modules/express/lib/application.js:220:21)
    at Array.forEach (<anonymous>)
    at Function.use (/root/nodebb/node_modules/express/lib/application.js:217:7)
    at module.exports (/root/nodebb/src/routes/index.js:139:7)
    at /root/nodebb/src/webserver.js:99:4
    at fn (/root/nodebb/node_modules/async/lib/async.js:746:34)
    at /root/nodebb/node_modules/async/lib/async.js:1213:16
    at /root/nodebb/node_modules/async/lib/async.js:166:37
    at /root/nodebb/node_modules/async/lib/async.js:706:43
    at /root/nodebb/node_modules/async/lib/async.js:167:37
    at Immediate._onImmediate (/root/nodebb/node_modules/async/lib/async.js:1206:34)
    at runCallback (timers.js:810:20)
    at tryOnImmediate (timers.js:768:5)

    My guess is that for some reason, path is being passed as undefined.

    I am stuck and in need of help.

    Please provide feedback or recommendations for how I can implement CAS Single Sign On into my nodebb forum.

    Thank you,
    Abraham

  • agusputraA

    What's the use of allow user home page

    Technical Support
    0 Votes
    3 Posts
    1401 Views

    agusputraA

    @yariplus thanks

  • xenX

    How to add a new library?

    Technical Support
    0 Votes
    3 Posts
    1615 Views

    xenX

    Working. Thank you!

  • PilvinenP

    How to remove :4567 from web address using Apache + mod_rewrite?

    Solved Technical Support
    0 Votes
    3 Posts
    1831 Views

    PilvinenP

    Yeah, that was it. Solved it myself. Only took like 6 hours. I hate Apache configuration so much ...

    Here is the final solution for others in similar predicament:

    How to remove ":4567" from your address properly with Apache + mod_rewrite

    .htaccess:

    RewriteCond %{HTTP_HOST}%{REQUEST_URI} ^some.example.com/index.html
    RewriteRule ^(.*)$ http://some.example.com:4567/ [NC,P,L]

    RewriteCond %{HTTP_HOST} ^some.example.com
    RewriteRule ^(.*)$ http://some.example.com:4567/$1 [NC,P,L]

    Just replace the bolded addresses with your own domain, add into your root level .htaccess file and turn RewriteEngine on.

    Explanation of what happens here:

    The first line matches your address and if it contains some.example.com/ or some.example.com/index.html it replaces it with (on the seconds line) with some.example.com:4567

    (without these two lines you will get errors when you try to display the main page because Apache adds "index.html" by default to the request which gets then handled by Nodebb because of the two lines below these first two - but there is no index.html to handle because of the way Nodebb is built)

    NC = ignore case
    P = proxy, so that it is invisible to the user (they don't see the :4567)
    L = last rule, we stop if match is found

    Third line matches only your host without the trailing /somepage.html or /images/someimage.png or what ever. And the last line replaces that with some.example.com:4567/ and adds the rest of the address with $1

    This is rather useful if you are already running other websites besides the Nodebb forums with Apache on the same server. Because if you use the instructions in the documentation for ProxyPass you will get all of your web traffic rerouted with that configuration (unless you are running Nodebb from a subfolder, I think?)

    Well, I hope this is of some use.

    And remember to edit your config.json:

    "url": "http://some.example.com",
    "port": "4567",

    If you find errors in any of this please post here.

  • esiaoE

    How to use images in themes ?

    Moved Technical Support
    0 Votes
    8 Posts
    3737 Views

    esiaoE

    @vatsal Yes I'm sure "folder-name" : "public/folder-name" means you can use /plugins/your-theme-name/folder-name/whatever
    The first parameter correspond to the name that will be used after theme-name/folder, while second parameter means this alias points to path.

| | | |
Copyright © 2023 NodeBB | Contributors