We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
안녕하세요! 벨로그를 잘 이용하고 있는 유저입니다! 먼저 또 다른 국내 개발 블로그 생태계를 열어주셔서 감사합니다.
벨로그 작성하다 보니 HTML 기본 요소인 <details> 코드가 에디터에서 제대로 적용되지 않아 제보 드립니다. 벨로그 작성시 마크다운 preview에서는 <details> 코드가 동작하는데, 글 작성을 완료하고 나면 단순 텍스트로 변환됩니다.
<details>
아래 테스트 코드를 테스트 했습니다.
<details> <summary>자세히 보기</summary> 이거슨 내용 이거슨 내용 </details>
벨로그 에디터에서 테스트 한 화면입니다. 프리뷰 화면 까지는 잘 나오고 있습니다. https://github.com/user-attachments/assets/1b096b9c-0b09-46c7-ac67-c718bfd1cfc4
블로그 작성 후 개발자도구로 열어본 결과입니다. 단순 텍스트로 변환되었습니다.
사용하시는 remark.js 에서는 정상 동작 하는 것을 확인했습니다.
mdxjs에서도 확인했습니다.
[remarkMdxDisableExplicitJsx, { whiteList: ['details', 'summary'] }] satisfies Pluggable, 이런 설정을 해두셨는데 안나오네요,,
[remarkMdxDisableExplicitJsx, { whiteList: ['details', 'summary'] }] satisfies Pluggable,
가끔 긴 코드 들을 적고 싶을 때가 있는데 너무 글이 길어지다보니 필요할때만 열어서 보면 좋을 것 같습니다!
반영해주시면 감사하겠습니다!
The text was updated successfully, but these errors were encountered:
No branches or pull requests
안녕하세요!
벨로그를 잘 이용하고 있는 유저입니다!
먼저 또 다른 국내 개발 블로그 생태계를 열어주셔서 감사합니다.
벨로그 작성하다 보니 HTML 기본 요소인
<details>
코드가 에디터에서 제대로 적용되지 않아 제보 드립니다.벨로그 작성시 마크다운 preview에서는
<details>
코드가 동작하는데, 글 작성을 완료하고 나면 단순 텍스트로 변환됩니다.details.mp4
아래 테스트 코드를 테스트 했습니다.
벨로그 에디터에서 테스트 한 화면입니다. 프리뷰 화면 까지는 잘 나오고 있습니다.
https://github.com/user-attachments/assets/1b096b9c-0b09-46c7-ac67-c718bfd1cfc4
블로그 작성 후 개발자도구로 열어본 결과입니다. 단순 텍스트로 변환되었습니다.
![image](https://private-user-images.githubusercontent.com/29302452/385211666-613516a6-fde9-4b9b-8cb0-cb94dc0b6777.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1MTEyMDMsIm5iZiI6MTczOTUxMDkwMywicGF0aCI6Ii8yOTMwMjQ1Mi8zODUyMTE2NjYtNjEzNTE2YTYtZmRlOS00YjliLThjYjAtY2I5NGRjMGI2Nzc3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDA1MjgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYyNjYwMDI4NzQ1YWMyZDVhYmI3YTgyYzk0YzNlY2ViMjM2MWFmZWUwYjA5ZDcxYmVjOGQ5MzZmZDk3NzNmNTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.mwY3EfCnWTJNNHofZWvQcxZcOnkMKBfxkkxeFGM9_Q0)
사용하시는 remark.js 에서는 정상 동작 하는 것을 확인했습니다.
![image](https://private-user-images.githubusercontent.com/29302452/385221278-b5839843-c1ea-4544-b244-7fa281c373df.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1MTEyMDMsIm5iZiI6MTczOTUxMDkwMywicGF0aCI6Ii8yOTMwMjQ1Mi8zODUyMjEyNzgtYjU4Mzk4NDMtYzFlYS00NTQ0LWIyNDQtN2ZhMjgxYzM3M2RmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDA1MjgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwYWZmODQ2ZTQxNDg3MDVmM2Q5MmJkZjEwYWI0OTc2OGQ4YTM4M2IwNDc1NTE3MDlkMDkwMjA0ZDBkMTRmNjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.jo4OtDQOlkJMd-JwW3AZxQVbkcCqvGrbrjXzrC6ue3c)
mdxjs에서도 확인했습니다.
![image](https://private-user-images.githubusercontent.com/29302452/385225198-beafbd67-5433-49cb-8378-96c8dd06619f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1MTEyMDMsIm5iZiI6MTczOTUxMDkwMywicGF0aCI6Ii8yOTMwMjQ1Mi8zODUyMjUxOTgtYmVhZmJkNjctNTQzMy00OWNiLTgzNzgtOTZjOGRkMDY2MTlmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDA1MjgyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNhMjJmYThhNzVhMWQ3NWZiNDRmNzlhZjQyOGFmZGVkMjA2OGJhOTZlMjZiMjU3Zjk2OTcwZDA1OTgxOTQwYjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.-jAz60U5upi09x8QLL6_HjYy2EQJGnKEpkKB0rnvRYg)
[remarkMdxDisableExplicitJsx, { whiteList: ['details', 'summary'] }] satisfies Pluggable,
이런 설정을 해두셨는데 안나오네요,,
가끔 긴 코드 들을 적고 싶을 때가 있는데 너무 글이 길어지다보니 필요할때만 열어서 보면 좋을 것 같습니다!
반영해주시면 감사하겠습니다!
The text was updated successfully, but these errors were encountered: