Security News
Internet Archive Hacked, 31 Million Record Compromised
The Internet Archive's "Wayback Machine" has been hacked and defaced, with 31 millions records compromised.
@ndla/article-scripts
Advanced tools
A collection of functions for making article content responsive (and interactive)
A collection of functions for making article content responsive (and interactive)
npm install @ndla/article-scripts
or
yarn add @ndla/article-scripts
import { addEventListenerForResize, updateIFrameDimensions, addFactBoxClickListener } from '@ndla/article-scripts';
window.onload = () => {
// Invoke after article content has loaded
updateIFrameDimensions();
addEventListenerForResize();
addFactBoxClickListener();
};
import {
addEventListenerForResize,
updateIFrameDimensions,
addFactBoxClickListener,
removeEventListenerForResize,
removeFactBoxClickListener,
} from '@ndla/article-scripts';
class Article extends Component {
componentDidMount() {
addEventListenerForResize();
updateIFrameDimensions();
addFactBoxClickListener();
}
componentWillUnmount() {
removeEventListenerForResize();
removeFactBoxClickListener();
}
render() {
const { article } = this.props;
return (
<article>
<h1>{article.title}</h1>
<div dangerouslySetInnerHTML={{ __html: article.content }} />
</article>
);
}
}
export default Article;
articleScripts.initArticleScripts()
Initialize all default article scripts.
articleScripts.updateIFrameDimensions()
Update iframe height and width to fit screen/window size.
articleScripts.addEventListenerForResize()
Adds an resize event listener on window. The listener calls updateIFrameDimensions
on browser window resize.
articleScripts.removeEventListenerForResize()
Removes the event listener added by addEventListenerForResize
.
articleScripts.addFactBoxClickListener()
Adds an click listener on fact box buttons for expanding the content on small screens.
articleScripts.removeFactBoxClickListener()
Removes click listeners added by addFactBoxClickListener
.
articleScripts.addShowDialogClickListeners()
Adds click listeners for displaying license info popup.
articleScripts.addCloseDialogClickListeners()
Adds click listeners for closing license info popups.
articleScripts.addCopyToClipboardListeners()
Add a click listener to buttons with a data-copy-string
. The value of the attribute will be copied to the clipboard on click.
articleScripts.makeFigureLicenseIconsClickable()
Adds click listeneres for displaying license text popup on license icon click
articleScripts.addEventListenersForZoom()
Adds click listners for zooming image/figure
Removes click listeners added by addEventListenersForZoom
.
FAQs
A collection of functions for making article content responsive (and interactive)
The npm package @ndla/article-scripts receives a total of 84 weekly downloads. As such, @ndla/article-scripts popularity was classified as not popular.
We found that @ndla/article-scripts demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 9 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The Internet Archive's "Wayback Machine" has been hacked and defaced, with 31 millions records compromised.
Security News
TC39 is meeting in Tokyo this week and they have approved nearly a dozen proposals to advance to the next stages.
Security News
Our threat research team breaks down two malicious npm packages designed to exploit developer trust, steal your data, and destroy data on your machine.