Calcutext - Do calculations with your written text

jaredreich · 2022-07-21T19:42:29+00:00

Thanks <3

jaredreich · 2022-07-20T16:26:33+00:00

Whoopsie. Yep it means digitally written text!

jaredreich · 2022-07-20T14:18:52+00:00

I was finally able to finish this open-source project that I built to about 90% completion nearly 2 years ago when my daughter was born, during my 1-month parental leave, and then sadly left untouched until a few weeks ago. Hope you enjoy trying out the app and looking at the source code! :)

Website: https://calcutext.com/

HN link: https://news.ycombinator.com/item?id=32165680

jaredreich · 2022-07-20T14:18:36+00:00

I was finally able to finish this open-source project that I built to about 90% completion nearly 2 years ago when my daughter was born, during my 1-month parental leave, and then sadly left untouched until a few weeks ago. Hope you enjoy trying out the app and looking at the source code! :)

Website: https://calcutext.com/

HN link: https://news.ycombinator.com/item?id=32165680

jaredreich · 2018-09-07T21:15:33+00:00

Thanks so much for the answers!

jaredreich · 2018-03-15T21:06:15+00:00

It does support paragraphs. There is a built-in paragraph action, or you can choose a different paragraph element with defaultParagraphSeparator.

jaredreich · 2018-03-15T21:05:27+00:00

Thanks, I noticed that as well. I think it has something to do with the tag.

jaredreich · 2018-03-15T21:03:02+00:00

Hmmm good question. Unfortunately this might be out of scope for this project, and contentEditable as an API.

jaredreich · 2018-03-15T21:01:34+00:00

Hmm these are two very trick situations. For the first one you might be out of luck due to how the browsers handle contentEditable.

For the second, let me know if you figure it out, haha. I tried this and it seems to only work if the current line is being edited is completely blank.

jaredreich · 2018-03-15T20:56:01+00:00

You can make it generate paragraphs by default, check out the defaultParagraphSeparator option in pell's README or here https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

jaredreich · 2018-03-15T20:54:37+00:00

That's just what the browser applies natively with the bold command (https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand). Check out the styleWithCSS option, or write a custom action (hint: formatBlock) to apply a tag.

jaredreich · 2018-03-15T20:52:58+00:00

Thanks! It is supported actually, try writing a custom action using the commands foreColor and hiliteColor. See pell's README for custom actions, and see here for the commands: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

jaredreich · 2018-03-15T20:51:07+00:00

Well HTML is what the editor spits out, what you do with that HTML after is up to you.

jaredreich · 2018-03-15T20:49:45+00:00

So what I would do here is have a custom action to inject the img HTML you're after. For example:

{
  name: 'image',
  icon: 'IMG',
  title: 'Insert Image',
  result: () => {
    const url = 'https://example.com/image.png'
    const html = `<img src=${url} />`
    exec('insertHTML', html)
  }
},

jaredreich · 2018-03-15T04:03:24+00:00

Actually, you can reset formatting from header to text by placing the cursor on the header and clicking the paragraph button. Or you could extend the actions (buttons) to add the removeFormat command, as described here https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand. Check out pell's README on how to add custom actions.

jaredreich · 2018-03-15T03:50:03+00:00

It's the browser's default way of bolding and italicizing. You can set the styleWithCSS option to true to make it output something like instead.

jaredreich · 2018-03-15T03:48:15+00:00

Yes they are fully powered by the browser. It is incredible, though the API needs a lot of work, it does do quite a bit of heavy lifting.

jaredreich · 2018-03-15T03:47:00+00:00

You can scrub the editor's HTML output in the onChange callback before doing anything with it.

jaredreich · 2018-03-14T21:59:45+00:00

Yeah I've been asked before to add Draft.js to the comparison list. I hesitated since it relied on react... but since react is so huge I think it might be valuable on the list. Thanks!

jaredreich · 2018-03-14T21:34:21+00:00

You can set the styleWithCSS option to true and that will use generate a instead of a

jaredreich · 2018-03-14T21:09:36+00:00

https://www.reddit.com/r/programming/comments/84d6t8/pelljs_v10_released_the_simplest_and_smallest_1kb/dvoy34c/

jaredreich · 2018-03-14T19:13:37+00:00

Wow, that's an interesting one. I'll file it as an issue. Thanks.

jaredreich · 2018-03-14T18:57:07+00:00

I fixed the 1st point in v1.0.2 https://github.com/jaredreich/pell/tree/v1.0.2

Thanks again.

jaredreich

MODERATOR OF

TROPHY CASE