Stack Overflow
Stack Overflow

Questions tagged [ui-codemirror]

The UI.Codemirror allowes to easily add CodeMirror to textareas.

41 questions
7
votes
3 answers

Apply CodeMirror to a ng-model-bound textarea

I am coding a very very basic playground. For some reason, I need to embed the html panel inside an AngularJS app. In this version, I put a JQuery change listener to the CSS panel, and applied CodeMirror to the textarea. And it worked. I felt…
user6330767
6
votes
1 answer

CodeMirror markText is not working

I am using CodeMirror like this to show some XML response to User. HTML CODE JS CODE window.onload = function () { var editor =…
Gans
  • 129
  • 2
  • 11
4
votes
1 answer

Prevent code mirror copy on click

We are using Code Mirror in an angular web application. Currently when the user has highlighted a piece of text and later subsequently clicks on the highlighted portion, Code Mirror places a copy of the selected area into the clipboard. This is not…
markbernard
  • 1,412
  • 9
  • 18
3
votes
0 answers

How to solve codemirror problem for mobile devices?

I downloaded code mirror from official website and tried to test it on mobile device. At first I linked all the core files as described in the docs. Inside the index.html I added the following code
Encoder's YT
  • 75
  • 8
3
votes
1 answer

Using CodeMirror with Vuejs/Nuxtjs results in error 'CodeMirror' is not defined when I the server reloads

I am implementing the CodeMirror to one of the textarea in my Nuxtjs/Vuejs application. I would like to beautify the textarea as per the XML. Sometimes the CodeMirror works perfectly but sometimes when I reload the page I get the…
BATMAN_2008
  • 2,788
  • 3
  • 31
  • 98
3
votes
2 answers

Use 2 ui-codemirrors in 1 controller

I am coding a very very basic playground by using AngularJS and ui-codemirror. Here is the code (JSBin). …
user6330767
3
votes
1 answer

CodeMirror Responsive Design

So I am using CodeMirror to create an iOS Web App that teaches you how to use basic JavaScript and I only just realized that CodeMirror does not automatically resize to fit the screen of the device and the code doesn't fit on the screen... So I…
Joe Shenton
  • 88
  • 1
  • 12
2
votes
1 answer

Dynamic line counts in Codemirror gutter is empty every second time the key is pressed

I was tasked to build a note input area where i should show line count and character count in each line. I chose codemirror to do it. Everything works but the Line character count seems to be blanking out every second key press. I have attached…
suyesh
  • 530
  • 7
  • 23
2
votes
1 answer

Codemirror editor is not loading content until clicked using angularjs

I have 3 buttons in tab1 and in tab2 i have 3 codemirror text area. Now Acctually what i want is to update codemirror on each button click. And it is updating also but after i go in 2nd tab and click on codemirror area. I want it to be update on…
user3458271
  • 638
  • 12
  • 31
2
votes
2 answers

How to refresh CodeMirror with ui-codemirror and AngularJS?

https://github.com/angular-ui/ui-codemirror I need to make a syntax highlighter in angular and save the results ina database. I am using ui-codemirror but I cannot make it to refresh the textarea everytime that I change the "pre" in the docs it…
user2062455
  • 411
  • 5
  • 14
1
vote
2 answers

Codemirror does not refresh the contents of the textarea until its clicked or if I use the JSON.parse on the contents while setting

I am developing a web application using Vuejs/Nuxtjs within that I have some textarea which is controlled by CodeMirror for beautification purposes. The problem I am facing is that when the content of the CodeMirror changes then it is not reflected…
BATMAN_2008
  • 2,788
  • 3
  • 31
  • 98
1
vote
0 answers

Collaborative editor other users cursor modification

I am using CodeMirror and Firepad to create a webapp for collaborative code editor. I want to modify the styling of the cursors. I am able to modify the cursor of the user using the CodeMirror CSS class .CodeMirror-cursor. But I am not able to…
Magnetism
  • 13
  • 3
1
vote
0 answers

How to show syntax error for C# in codemirror?

I have looked into the addons for lint and hint in codemirror, but they only support a couple of languages. I am using angularjs to implement codemirror C# editor. How can I show syntax errors for C# language using codemirror like this image?
tasin95
  • 97
  • 1
  • 4
1
vote
0 answers

codemirror Hints are behind the editor ISSUE

I am getting issue with Codemirror editor when I am pressing ctrl-space then codemirror are active and display behind the editor that is why hints are not actually visible on editor. Can someone help on this.
Pawan Kumar Sharma
  • 15
  • 7
1
vote
2 answers

Flick from a textarea to a ui-codemirror frame

I want to make an editor of files. By the following code (JSBin), we list all the file names on the left hand, and their body on the right hand. I use ui-codemirror to style the body of the files. However, when we click on the file names and switch…
SoftTimur
  • 5,630
  • 38
  • 140
  • 292
1
2 3