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
1 2
3