Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`<region contentEditable="true">` in Regions plugin

See original GitHub issue

Hi. Is there a way to use contentEditable="true" for <region> in Regions plugin? This feature will make Wavesurfer instantly the best subtitles editor. I tried it in browser now, and excited about it. Tomorrow I will try to realize it in my app. Please share your thoughts.

Peek 2022-05-15 02-03

Issue Analytics

State:
Created a year ago
Comments:5

Top GitHub Comments

1reaction

ApayRuscommented, May 26, 2022

@vitalii-bulyzhyn I opened PR with these features (editableContent + removeButton) 😸

1reaction

ApayRuscommented, May 24, 2022

@vitalii-bulyzhyn

Is there any updates on this issue?

Yesterday I started to work on it 😃

My idea is to add new param on initializing region plugin: contentEditable: true. It will add editable div inside each region (with text of phrases - {start, end, text}).

<region start end>
  <div contentEditable="true">text</div>
  <handleLeft />
  <handleRitght />
</region>

After text editing, event ‘region-changed’ will be fired with new region (new text inside).

Top Results From Across the Web

Allow editable areas in browser (contentEditable)

Just assign the attribute contenteditable="true" to an element in your document ... issues with toggling designMode when there's contentEditable regions.

Region Commands — WorldGuard 7.0 documentation

Creates a new region with a given ID and an optional list of owners. Your current WorldEdit selection is used for the area...

The Road to HTML 5: contentEditable - The WHATWG Blog

Setting contentEditable to "true" allows you to make parts of a document editable. ... on the editable region, and to query the current...

ARIA Techniques for WCAG 2.0 - W3C

Properties to define live regions of a page that are likely to get updates ... such as custom text inputs constructed with div...

contenteditable change events - javascript - Stack Overflow

<div contenteditable="true" id="editor">Please type something in here</div> ... I've modified some of the code available here into a jQuery plugin so it is ......