JSFiddle - React, Tailwind, and code Playground
CSS
h1.admin:after {
font-size: 0.5rem;
content: " click to edit on Admin Portal";
text-decoration: underline;
}
a#adminlink
{
text-decoration:none;
color:inherit;
}
JavaScript
var adminQuery = $("#aabbbcasdfasdfawsefqawefwa").length > 0; //some article/category only visible to admins
if (adminQuery)
{
var active = $("a.active");
var isCategory = this.documentData.articleId == this.documentData.categoryId;
var viewOrCategory = isCategory ? "category" : "view";
var url = ["https://portal.document360.io", layoutData.projectId, "document", layoutData.versionSlug, viewOrCategory, active.first().attr('id')].join("/");
$("h1").addClass("admin");
$("h1").wrap('<a id="adminlink" href="'+url+'" / target="_blank">')
}