Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

コード提出コンポーネントの作成 #77

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

ZOI-dayo
Copy link
Collaborator

close #65

シンタックスハイライト・編集機能付きのコードエディタである<CodeBlock>、それに言語選択メニューと提出ボタンを追加した<SubmitForm>を作成しました。

  • エディター部分には、Monaco EditorにShiki.jsを用いてシンタックスハイライトを適用したものを利用しています。
  • シンタックスハイライトを利用するために、言語名に対応するシンタックス名を用意する必要があるため、モックサーバーをもとに仮実装をしています(CodeBlock.vue内syntaxMapping)。実際のリリースの際は、本番環境に合わせた対応を設定する必要があります。
  • UIデザインは仮実装です。
  • パッケージの追加を行っているので、npm i をお願いします。:pray:

@ZOI-dayo ZOI-dayo requested a review from mathsuky December 16, 2024 13:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

問題提出コンポーネント
1 participant