I'm trying to get CodeFlask to work under Ultima NG, to use as code editor in my project.
It looks like it's style system is not compatible with Ultima - the editor looks ugly, bleeding out of the container, etc. I'm not proficient in CSS enough to find the cause.
Are you guys able to hero me solve it, or are there other code editor components you could recommend?
This is how it looks now:
Component HTML
Code: Select all
<div class="p-grid">
<div class="p-col-12">
<div class="card" *ngIf="loading">
<h5>Loading, please wait</h5>
</div>
<div class="card" *ngIf="!loading">
<div class="p-col-12">
<div class="p-col-6">
<h5>HTML</h5>
<div class="editor" id="edit-html"></div>
</div>
<div class="p-col-6">
<h5>CSS</h5>
<div class="editor" id="edit-css"></div>
</div>
</div>
</div>
</div>
</div>
Code: Select all
.editor {
width: 100%;
height: 400px;
position: relative;
}