Have ideas to improve npm?Join in the discussion! »

    @contentarchitect/quote

    0.0.2 • Public • Published

    Quote

    Blockquote block for ContentArchitect editor. Structure: <blockquote>quote....<cite>...</cite></blockquote>

    Properties

    • Citeable.
    • Style customization with class options

    Installation

    1st Method

    npm i -S @contentarchitect/quote or yarn add @contentarchitect/quote

    after:

    // ... emitted
    import Quote from "@contentarchitect/quote"
    ContentArchitect.Blocks.register(Quote)

    2nd Method

    In your page:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@contentarchitect/editor/dist/ContentArchitect.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@contentarchitect/quote/src/theme.extract.css">
     
    <content-architect>
        <div data-block="Quote">
            <blockquote>
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Esse odio ab corporis deserunt cupiditate obcaecati, eveniet minima magni facere molestias iure sapiente voluptatibus eligendi reiciendis architecto culpa similique nihil possimus!
            </blockquote>
            <cite>Anonymous</cite>
        </div>
    </content-architect>
     
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://cdn.jsdelivr.net/npm/@contentarchitect/editor"></script>
    <script src="https://cdn.jsdelivr.net/npm/@contentarchitect/quote"></script>
     
    <script>
    ContentArchitect.Blocks.register(Quote)
    </script> 

    3rd Method

    Use bundler.

    Install

    npm i @contentarchitect/quote

    DownloadsWeekly Downloads

    6

    Version

    0.0.2

    License

    ISC

    Unpacked Size

    15.6 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar