How to use @lrnwebcomponents/hax-body - 10 common examples
To help you get started, we’ve selected a few @lrnwebcomponents/hax-body examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
elmsln / lrnwebcomponents / elements / hax-body / hax-body.umd.js View on Github 
content = content.replace(re, "");
string = "x-scope " + tags[i] + "-0";
re = new RegExp(string, "g");
content = content.replace(re, "");
}
}
// remove empty class structures
content = content.replace(/\sclass=\"\"/g, "");
content = content.replace(/\sclass=\"\s\"/g, "");
// re-apply contenteditable if needed
this._applyContentEditable(this.editMode);
// set active again
window.HaxStore.write("activeNode", __active, this);
window.HaxStore.write("activeContainerNode", __active, this);
// oh one last thing. escape all script/style tags
content = encapScript(content);
if (this.globalPreferences.haxDeveloperMode) {
console.warn(content);
}
return content;
}
/**content = content.replace(re, "");
string = "x-scope " + tags[i] + "-0";
re = new RegExp(string, "g");
content = content.replace(re, "");
}
}
// remove empty class structures
content = content.replace(/\sclass=\"\"/g, "");
content = content.replace(/\sclass=\"\s\"/g, "");
// re-apply contenteditable if needed
this._applyContentEditable(this.editMode);
// set active again
window.HaxStore.write("activeNode", __active, this);
window.HaxStore.write("activeContainerNode", __active, this);
// oh one last thing. escape all script/style tags
content = encapScript(content);
if (this.globalPreferences.haxDeveloperMode) {
console.warn(content);
}
return content;
}
/**autorun(reaction => {
this.activeTitle = toJS(store.activeTitle);
this.shareUrl = document.location.href;
this.shareMsg = this.activeTitle + " " + this.shareUrl;
if (varGet(store.activeItem, "metadata.fields.subtitle", false)) {
this.subtitle = store.activeItem.metadata.fields.subtitle;
} else {
this.subtitle = false;
}
// look for image on the post and make it the pin share
if (varGet(store.activeItem, "metadata.fields.images.0.src", false)) {
this.activeImage = store.activeItem.metadata.fields.images[0].src;
}
this.__disposer.push(reaction);
});
}autorun(reaction => {
this.activeTitle = toJS(store.activeTitle);
this.shareUrl = document.location.href;
this.shareMsg = this.activeTitle + " " + this.shareUrl;
if (varGet(store.activeItem, "metadata.fields.subtitle", false)) {
this.subtitle = store.activeItem.metadata.fields.subtitle;
} else {
this.subtitle = false;
}
// look for image on the post and make it the pin share
if (varGet(store.activeItem, "metadata.fields.images.0.src", false)) {
this.activeImage = store.activeItem.metadata.fields.images[0].src;
}
this.__disposer.push(reaction);
});
}autorun(reaction => {
this.activeTitle = toJS(store.activeTitle);
this.shareUrl = document.location.href;
this.shareMsg = this.activeTitle + " " + this.shareUrl;
if (varGet(store.activeItem, "metadata.fields.subtitle", false)) {
this.subtitle = store.activeItem.metadata.fields.subtitle;
} else {
this.subtitle = false;
}
// look for image on the post and make it the pin share
if (varGet(store.activeItem, "metadata.fields.images.0.src", false)) {
this.activeImage = store.activeItem.metadata.fields.images[0].src;
}
this.__disposer.push(reaction);
});
}importContent(html, clear = true) {
// kill the slot of the active body, all of it
if (clear) {
wipeSlot(this, "*");
}
// pause quickly to ensure wipe goes through successfully
setTimeout(() => {
html = encapScript(html);
let fragment = document.createElement("div");
fragment.insertAdjacentHTML("beforeend", html);
while (fragment.firstChild !== null) {
if (typeof fragment.firstChild.tagName !== typeof undefined) {
// ensure import doesn't import non-sandbox safe things!
if (
window.HaxStore.instance._isSandboxed &&
fragment.firstChild.tagName.toLowerCase() === "iframe"
) {
// Create a replacement tag of the desired type
var replacement = document.createElement("webview");
// Grab all of the original's attributes, and pass them to the replacementimportContent(html, clear = true) {
// kill the slot of the active body, all of it
if (clear) {
wipeSlot(this, "*");
}
// pause quickly to ensure wipe goes through successfully
setTimeout(() => {
html = encapScript(html);
let fragment = document.createElement("div");
fragment.insertAdjacentHTML("beforeend", html);
while (fragment.firstChild !== null) {
if (typeof fragment.firstChild.tagName !== typeof undefined) {
// ensure import doesn't import non-sandbox safe things!
if (
window.HaxStore.instance._isSandboxed &&
fragment.firstChild.tagName.toLowerCase() === "iframe"
) {
// Create a replacement tag of the desired type
var replacement = document.createElement("webview");
// Grab all of the original's attributes, and pass them to the replacementhaxClearBody(confirm = true) {
let status = true;
// only confirm if asked so we can support wipes without it
if (confirm) {
status = prompt("Are you sure you want to delete all content?");
}
// ensure they said yes
if (status) {
wipeSlot(this);
}
}
/**haxClearBody(confirm = true) {
let status = true;
// only confirm if asked so we can support wipes without it
if (confirm) {
status = prompt("Are you sure you want to delete all content?");
}
// ensure they said yes
if (status) {
wipeSlot(this);
}
}
/**setTimeout(() => {
html = encapScript(html);
let fragment = document.createElement("div");
fragment.insertAdjacentHTML("beforeend", html);
while (fragment.firstChild !== null) {
if (typeof fragment.firstChild.tagName !== typeof undefined) {
// ensure import doesn't import non-sandbox safe things!
if (
window.HaxStore.instance._isSandboxed &&
fragment.firstChild.tagName.toLowerCase() === "iframe"
) {
// Create a replacement tag of the desired type
var replacement = document.createElement("webview");
// Grab all of the original's attributes, and pass them to the replacement
for (
var j = 0, l = fragment.firstChild.attributes.length;
j < l;
++j@lrnwebcomponents/hax-body
A full on Headless authoring experience as a single tag. The ultimate authoring solution across platforms to win the future.
