# Long line wrapping in Developer tools CSS editor and Debugger code views

**URL:** <https://discourse.mozilla.org/t/long-line-wrapping-in-developer-tools-css-editor-and-debugger-code-views/47058>\
**Category:** Developer Tools\
**Tags:** developer-tools\
**Created:** [October 18, 2019, 10:19pm UTC](https://discourse.mozilla.org/t/long-line-wrapping-in-developer-tools-css-editor-and-debugger-code-views/47058 "2019-10-18T22:19:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![andis.grossteins](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/andis.grossteins/32/30134_2.png) [@andis.grossteins](https://discourse.mozilla.org/u/andis.grossteins)\
**Post date:** [October 18, 2019, 10:19pm UTC](https://discourse.mozilla.org/t/long-line-wrapping-in-developer-tools-css-editor-and-debugger-code-views/47058/1 "2019-10-18T22:19:55Z")

</div>

Hi all,

I was going to file a Developer Tools feature request on Bugzilla but decided to try posting here first.

The issue in question - source code views in CSS editor and Debugger don’t have an option to enable long line wrapping. Or I can’t find it anywhere.  
Yes, there is the `view_source.wrap_long_lines` option in `about:config` to wrap long lines in View Source (Ctrl+U) but it doesn’t seem to be used by DevTools to wrap long lines.  
Yes, sometimes the “Pretty print source” may be used to make the source readable but that doesn’t help in some cases. For instance, when viewing source code of a minified HTML (index) page in debugger or when viewing minified CSS file in CSS editor.

Similarly, plain text request/response payloads in Network tab are harder to read without long line wrapping, unless the text are detected and displayed as JSON or other structured text format.

---

<div class="post-metadata">

**Author:** ![digitarald](https://avatars.discourse-cdn.com/v4/letter/d/c77e96/32.png) [@digitarald](https://discourse.mozilla.org/u/digitarald)\
**Post date:** [October 23, 2019, 8:36pm UTC](https://discourse.mozilla.org/t/long-line-wrapping-in-developer-tools-css-editor-and-debugger-code-views/47058/2 "2019-10-23T20:36:40Z")

</div>

Debugger has `devtools.debugger.ui.editor-wrapping` and I just filed [https://bugzilla.mozilla.org/show\_bug.cgi?id=1590885](https://bugzilla.mozilla.org/show_bug.cgi?id=1590885) to expose it as option in the UI.

Afaik CSS is always prettified in the editor, so this might be less helpful.
