Wie Vertiefung der nachfolgenden Zeilen in Ace-Editor deaktivieren, wenn Zeilenumbruch

Question

aktiviert ist

Ich habe den folgenden Code:

var editor = ace.edit("editor"); 
 
editor.setTheme("ace/theme/dreamweaver"); 
 
editor.setShowPrintMargin(false); 
 
var session = editor.getSession(); 
 
session.setMode("ace/mode/html"); 
 
session.setUseWrapMode(true);

.ace_editor { 
 
    position: absolute !important; 
 
    top: 0; 
 
    left: 0; 
 
    bottom: 0; 
 
    right: 0; 
 
}

<script src="https://cdn.jsdelivr.net/g/ace@1.2.3(min/ace.js+min/mode-html.js+min/theme-dreamweaver.js)" type="text/javascript"></script> 
 
<textarea id="editor">&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p> 
 
&lt;p>Pellentesque sed enim vel turpis euismod tristique nec vitae odio. Fusce eu nisi vel ligula vehicula ornare.&lt;/p> 
 
&lt;p>Phasellus ornare purus et ultrices dapibus. Donec ullamcorper dapibus quam non imperdiet.&lt;/p></textarea>

Wie Sie sehen können, werden die Linien, die zu lang sind, sind richtig in die nächste Zeile gewickelt, aber aus irgendeinem Grund gibt es eine seltsame Einrückung vor dem Teil der Zeile, die umschließt. Wie kann ich es loswerden?

Answer 1

Sie müssen die Option indentedSoftWrap-false auf Ihrem sessionsetzen, bevor setUseWrapMode aufrufen. Sehen Sie ein funktionierendes Beispiel unten:

var editor = ace.edit("editor"); 
 
editor.setTheme("ace/theme/dreamweaver"); 
 
editor.setShowPrintMargin(false); 
 
var session = editor.getSession(); 
 
session.setMode("ace/mode/html"); 
 

 
// Setting the option 
 
session.setOption('indentedSoftWrap', false); 
 

 
session.setUseWrapMode(true);

.ace_editor { 
 
    position: absolute !important; 
 
    top: 0; 
 
    left: 0; 
 
    bottom: 0; 
 
    right: 0; 
 
}

<script src="https://cdn.jsdelivr.net/g/ace@1.2.3(min/ace.js+min/mode-html.js+min/theme-dreamweaver.js)" type="text/javascript"></script> 
 
<textarea id="editor">&lt;p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p> 
 
&lt;p>Pellentesque sed enim vel turpis euismod tristique nec vitae odio. Fusce eu nisi vel ligula vehicula ornare.&lt;/p> 
 
&lt;p>Phasellus ornare purus et ultrices dapibus. Donec ullamcorper dapibus quam non imperdiet.&lt;/p></textarea>

Es anfänglich indentSubsequentLines^[1]genannt wurde (die - meiner Meinung nach - würde mehr Sinn machen), aber es wurde geändert ^[2] vor in der Codebasis des Plugins landen.