Css学习: 实现一个 code-editor 的原理

灵感来源 react-simple-code-editor

🕐 2023-09-17 15:37:32

先看效果

Code Editor

import React from "react";
import ReactDOM from "react-dom";

function App() {
  return (
    <h1>Hello world</h1>
  );
}

ReactDOM.resnder(<App />, document.getElementById("root"));

import React from "react";
import ReactDOM from "react-dom";

function App() {
  return (
    <h1>Hello world</h1>
  );
}

ReactDOM.resnder(<App />, document.getElementById("root"));

重要的css

-webkit-text-fill-color: transparent;

参考

https://react-simple-code-editor.github.io/react-simple-code-editor/