Git Product home page Git Product logo

quote's People

Contributors

dependabot[bot] avatar gohabereg avatar goldenjaden avatar ivansieder avatar khaydarov avatar nespecc avatar polinashneider avatar robonetphy avatar talyguryn avatar tatianafomina avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

quote's Issues

Add an option to hide the caption

I prefer to have quote tool without the caption as it consumes too much space. Would you add a configuration option to hide it?

Btw is this correct that the empty caption is generated?

{
  "type": "quote",
  "data": {
    "text": "a",
    "caption": "",
    "alignment": "left"
  }
}

Could not find a declaration file for module '@editorjs/quote'

Try npm i --save-dev @types/editorjs__quote if it exists or add a new declaration (.d.ts) file containing declare module '@editorjs/quote';`
This error is showing for all editorjs files except header and editorjs.

Can you publish other npm packages for typescript

Output format: Which properties (if any) can be null omitted?

For a valid quote block, can the text, caption, or alignment properties under any circumstances (now or in the future) be null or omitted? Or are they guaranteed to always be present and non-null for this block to be valid?

Context: I'm a back-end .NET developer needing to parse Editor.js documents. The readme lists all of the aforementioned properties, but does not explicitly guarantee that they will always be present and non-null. Back-end deserialization/parsing in strongly typed languages would be easier with some guarantees about which properties can and can not be null/omitted. (Ideally, any such guarantees should be added to the readme to ensure they are formalized and kept in the future.)

Errors in the Chrome's console

I see errors in the Chrome console.

header-with-anchor

I'm still not sure exactly when this happens. I did the same things in both the quote field and the caption field and got errors.

What I did:

  1. Enter a line and press 'Enter'(one or more).
  2. In the empty line press 'Backspace'
  3. I see the error in the console

But sometimes after the same steps, the error doesn't show. You can see it again if you press 'Enter' more than 2 times, enter a line, place the cursor on a blank line below the first line and press Backspace'

this is my config for quote: { class: Quote, inlineToolbar: true, shortcut: 'CMD+SHIFT+O', config: { captionPlaceholder: this.$t('Author name') // this.$t() - it's i18n translation function }}

Nested content in quote

I have entered two paragraphs inside the quote separated by Enter key. This is the result:

{
  "type": "quote",
  "data": {
    "text": "first paragraphsecond paragraph",
    "caption": "caption",
    "alignment": "left"
  }
}

The best solution would be if Quote supported the nested elements, so there would be two paragraphs. If it is not possible from a technical point of view, then whitespace must not be consumed:

{
  "type": "quote",
  "data": {
    "text": "first paragraph second paragraph",
    "caption": "caption",
    "alignment": "left"
  }
}

Multi paragraph support

Editor version: 2.7.20
Quote version: 2.1.3

There is no multi line (aka paragraph) support, so every line is concatenated to prev one even without space. But it is common thing to have a long quote, so it looks useful.

Use case:

line1
line2
line3

Expected behavior:

<p>line1</p>
<p>line2</p>
<p>line3</p>

Actual behavior:
line1line2line3

Remove alignment options

hi
i want to use the quote tool without the alignment option. just a quote and maybe a caption.
is there a possibility to remove the alignment option?
thanks for the great work though!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.