HTMLのtextarea内でプログラミングのコード予測変換や色分けをしたい

Question

現在Javaでデータベースにコードを保存してネット上で一般公開できるようなサイトを作ってます。一応作成意図を話すと、ポートフォリオ作成のためと、今後の自分のため（脳外メモリ的な）
と、初心者プログラマのためです。

とりあえず、仕組み自体は大体完成したのでが、実現したいのが

①textareaに入力時、プログラミングの予測変換機能の搭載

②コードの色分けです。

自分でもいろいろ調べてみて、実際にHTMLのソースコード上の文字を色分けするのはみたかったのですがtextareaの入力時にリアルタイムで色分けしたり予測変換するのは見つかりませんでした。もし便利そうなものを知っている方がいらっしゃったら教えて欲しいです。

Answer 1

Aceというブラウザ上で動作するテキストエディタがあるようですね。
コード補完やシンタックスハイライトを備えているようです。

ブラウザ上で使えるJavaScript製テキストエディタAce入門 - Qiita

Ace - The High Performance Code Editor for the Web

Answer 2

何を調べたのか書いてないので、teratail 内の記事を貼っときます。
textareaで途中で文字の色を変える方法

contenteditableを使用した方法が現実的だと思いますが、仕様決めるのが難しいシステムなので、この記事が検索できないレベルならあきらめた方が良いかもしれないです。
公開した場合、サイトの悪用が簡単にできてしまいます。