@PitaJ said in How to call API from client side.:

require(['api', 'translator'], (api, translator) => {
// Your code here
});

genius! and fast reply!

As mentioned in the title, I want to add some javascripts and html to my post. For example, I want to show data by calling api in a specific post.

I tried the plugin -> markdown ->Allow HTML, it does not work.It seems will ban the javascript.

So is there any good way to meet my needs?
Thanks s lot.

006hL0SXgy1g9xjkxn77rj30j60j6who.jpg

Did you try with this?

function onLoad() { require(['/assets/uploads/readmore.min.js'], function () { console.log('yeah it works'); console.log($('blockquote')); $('blockquote').readmore(); }); } $(document).ready(onLoad); $(window).on('action:ajaxify.end', onLoad);

@dogs this worked a treat - thanks. For anyone else who might be looking for something similar, here's a simple scroll to top function that you can place into your Custom JS

// Scroll to top button $(window).on('action:ajaxify.end', function(data) { var btn = $('#btt'); $(window).scroll(function() { if ($(window).scrollTop() > 300) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '300'); }); })

Then place this into your Custom Header

<a id="btt"><i class="fas fa-chevron-up"></i></a>

Obviously, you would need to provide some CSS to style this. An example of this can be found on https://phenomlab.com

@dunlix yeah you should! 😂

what does discord have to do with it? I tried using that link with different values and URL of course on my site, still didn't work. I'm sure it works for you, what am I missing?

To be honest: Nothing.

I am building a plugin for Discord integration..So the variable names are just placeholders if you want so.

The important part is at the end of my main post.

I hope that you find a slick way to use it for your community maybe. 🙂 👍

Bad gateway might occur due to an incorrect setting in your Proxy.

It is recommended by me to use Nginx as it is easy to setup and apparently automatically recovers after a bad gateway.

What Operating System Are you using?

@Tilen-Štraus Glad you got it working, and thank you for sharing your solution for others who may run into the same trouble 😄

in the client, those values are stored in ajaxify.data

For your jQuery, you don't append a closing tag, it does that automatically. When you want to insert the element into the div, you need to use appendTo(). Also, unless your label has additional data, I recommend using html() instead of text().

Here's a fiddle. I also added an ID to the new label so it isn't added more than once.

Edit fiddle - JSFiddle - Code Playground

Thanks, we have it working now!

Duh! Of course! That annoying ;-insertion. Nicely done!

semi: [2, "always"] 😉

Nicolas, I'm assuming you don't want to put your js inline in the template? 😄

For my plugins (I have my own fork of quickstart that I use), I actually make them require.js modules, so they are loaded on-demand: https://github.com/NodeBB/nodebb-plugin-quickstart/blob/julian/static/lib/admin.js

But looking back, this might also minified, so... 😆

@pitaj
Boy, that was quick! Thanks 🙂

@psychobunny nice, It's very helpful.

@pichalite try this 😄

I was just going to let you take most of the credit. It's still your plugin, and you helped me make the modifications. I'm working on a new modification now, though. I'm trying to get the presentations to embed into an area of the user's profile.

Right now, I'm testing it with the Fullname field on the profile, by entering the URL of the presentations (instead of a human name) and seeing if it parses into an embedded slide show.

Would this be easy to accomplish? If not, are there any hints you could give me @a_5mith ?

So far, I've edited the library.js file and replaced data.post and data.post.conent with data.fullname and data.fullname.content. I've also tried changing the hook in plugin.js from:

{ "hook": "filter:parse.post", "method": "parse", "callbacked": true } ]

to

{ "hook": "action:user.set", "method": "parse", "callbacked": true } ]

I feel like I'm missing something, though. If you're up to it, I'd like to collaborate with you further.

i removed pidfile and it started normally

@esiao if you update to latest you shouldn't need to add a data-ajaxify anymore. https://github.com/NodeBB/NodeBB/issues/1938

barisusakli created this issue in NodeBB/NodeBB closed href.slice(-1) === "#"; checks last element #1938

Depends, if you're doing largely front-end code (like embedding an iFrame to some chat application) then a widget works best. If you want to modify the API or save things into the database, then a plugin is right for you.

I think your best bet is to figure out what you need to do, and then find a plugin that does something similar, and modify that plugin, or take code from it (it's open source afterall ;))

Had half a year to waste because it was too late to switch school level (I'm not even going to bother trying to translate this into weird USA school terms :P), I already knew quite a bit of MIPS (PSP hacking) by then, and wanted to try something else.

Don't know why I chose JavaScript, just did. Started with w3schools (ikr), eventually just learned by doing, doing and more doing. Along the way of doing I of course read the occasional article, "guide", best practices, documentations etc. No books and courses though.