Code formatting in code mirror

#1

Unable to find any function in codemirror documentation to format code? Any approach how to do this?

#2

The library doesn’t do this.

#3

Any other approach to acheive this functionality?

#4

I use Prettier to do this on CodeMirror content. While mainly Node JS based, there’s a browser component in JS that will format quite a few languages:

#5

Anything for C/C++/Java/Python? Prettier will work this Javascript only.

#7

Please have you solved this problem?

#8

How to format C/C++/Java/Python in nodejs environment

#9

Hope to answer, thanks

#10

You will definitely not get an answer by adding a new reply to this thread every day. As I said, the library doesn’t do formatting. You’ll have to build your own solution or give up on this.

#11

Thanks for your reply, I have found the solution.

I tried several options：

  1. Implemented through LSP, just call the textDocument/formatting event
    Specification 
lspClient
        .textDocumentFormatting({
          textDocument: { uri: `file://${rootUri}/${openedPath}` },
          options: {
            tabSize: view.state.tabSize,
            insertSpaces: true,
          },
        })
        .then((result) => {
          if (result && result.result?.length) {
            const items = result.result;
            const transaction: Array<TransactionSpec> = [];
            items.forEach((item) => {
              const from = posToOffset(state.doc, item.range.start);
              const to = posToOffset(state.doc, item.range.end);
              if (from !== undefined && to !== undefined) {
                const trans = insertCompletionText(
                  view.state,
                  item.newText,
                  from,
                  to,
                );
                transaction.push(trans);
              }
            });
            view.dispatch(...transaction);
          }
        });
  1. In the node middle tier, prettier and some additional packages (eg sql-format…) are called for code formatting. For c language reference C#在线格式化 （Executing autopep8 in node to achieve python code formatting is also an idea）
  2. Use prettier’s browser, unfortunately this doesn’t support all features very well

Hope it helps others

1 Like