Questions tagged [react-ace]
44 questions
0
votes
1 answer
Ace Editor / React Ace - Is is possible to set markers with absolute index (start, end) instead of row, col position?
Currently I see this is possible as per documentation:
const markers = [
{
startRow: 3,
startCol: 10,
endRow: 3,
endCol: 15,
type: 'text',
className: 'test-marker',
},
{
startRow:…

Smarajit
- 143
- 4
- 14
0
votes
0 answers
Can I use React components from npm in an existing web page w/o create-react-app?
I know that in React you can add components to any existing page from this excellent documentation (https://reactjs.org/docs/add-react-to-a-website.html). However, in that example the component is built from scratch. I am building several of my own…

Mark M
- 1,807
- 2
- 21
- 40
0
votes
1 answer
Embedding react-ace in react-split
I get strange behavior embedding react-ace in react-split. Here I've embedded two editors in two panes and typed let x = "this line got scrolled left" into the first line of the first pane:
While typing code, as soon as I hit the right-most margin…

Joe Lapp
- 2,435
- 3
- 30
- 42
0
votes
1 answer
React Ace Editor highlighting keywords in the middle of other words
I am using the react ace editor. I have created a custom highlight rule as is documented elsewhere. The code is here:
export class CustomHighlightRules extends window.ace.acequire("ace/mode/text_highlight_rules").TextHighlightRules {
…

sithys
- 1
0
votes
1 answer
How to prettify dynamic code snippets in React?
I've looked into code prettifiers like google-code-prettify, beautify, etc. Unfortunately, I haven't been able to get any of these to work in my React app. I am currently using react-ace to display dynamically populated code snippets, but they are…

Hani Honey
- 2,101
- 11
- 48
- 76
0
votes
1 answer
Getting Type error on setting values in React-ace
am getting an error when setting the values. I am trying to set JavaScript code, But I am getting the following error.
Document.$detectNewLine
node_modules/ace-builds/src-noconflict/ace.js:7832
7829 |
7830 |
7831 | this.$detectNewLine =…

Jithin Zacharia
- 33
- 1
- 1
- 8
0
votes
1 answer
component written with in the Resizable is not getting displayed until I change the size
AceEditor is not getting displayed unless and until I don't change the size of the component(Resizable)
If I add any other HTML element like
Is there any way to make Ace editor resizable without any library.

amy
- 233
- 8
- 14
0
votes
1 answer
Insert camouflaged text in ace editor
I am using Ace Editor (in React-Ace) to allow to insert programming snippets on my platform.
What i am trying to do right now it to had one work, but camouflaged so that i do not expose some internal information.
For example i want to append…

Diogo Aleixo
- 841
- 1
- 8
- 20
0
votes
1 answer
Highlight word in Ace Editor
I'm using Ace Editor and specifically react-ace. I want to highlight a certain word.
I am aware that I can define custom syntax highlighting rules but it seems more hassle than it's worth compared to updating a marker every time the input changes…

Guy Waldman
- 457
- 3
- 12
0
votes
1 answer
Non-passive event listeners resulting in "blocking" code (with React Ace) and hence causing performance issues
My project involves creating cards (like flashcards) that involve React Ace to write or edit code.
A user's home page can have more than one flashcard. (For working project check here - https://visit-sparkle.apricity.co.in. There is a "demo" section…

Pruthvi Kumar
- 868
- 1
- 7
- 15
0
votes
1 answer
How do i get rid of the vertical line appearing in the AceEditor component?
I am using react-ace in my react component
This is the example they provide at npmjs (plus a little bit of costumisation):
import React from "react";
import AceEditor from "react-ace";
import "brace/mode/python";
import…

moctarjallo
- 1,479
- 1
- 16
- 33
0
votes
2 answers
Is there a way to change styling of the react-ace editor default Scroller?
I am making up a webpage in which react-ace editor takes up 50% of the page's width and 90% of page's height. After the editor has a vertical scroller on writing some code, I want to style the default vertical scroller shown.
I can get the instance…

Chitresh
- 31
- 1
- 8
0
votes
1 answer
With react-ace I would like add mode php which is currently not supported
For https://github.com/securingsincity/react-ace
I know the documentation does not support mode php - but I would like to use that.
Is there a way to include that steps to add it? https://ace.c9.io seems to support it - is there an easy way to add…

user1256378
- 712
- 2
- 12
- 31
-1
votes
1 answer
Ace editor is showing icons twice with autocomplete
So I'm having an issue with Ace editor where certain autocompletions have doubled icons like so
I am creating a custom autocompleter like so:
const customCompleter = {
identifierRegexps: [/[a-zA-Z_0-9\.\$\-\u00A2-\uFFFF]/],
…

Daniel Lawton
- 416
- 3
- 9
- 30