Modal Dialog Example based on Bootstrap 4 is super easy as long as you understand the concept.
<script>
function updateTags()
{
alert("Update completed!");
}
</script>
<button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#tagModal">
Update Tags
</button>
<div class="modal fade" id="tagModal" tabindex="-1" aria-labelledby="tagModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="tagModalLabel">Update Tags</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<textarea class="ignore-tinymce" id="new_tags" cols="80" rows="8" style="width:100%;">{$myPost['post_tags']}</textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" onClick="javascript:updateTags();">Save changes</button>
</div>
</div>
</div>
</div>
For better understanding, you can find more information at https://getbootstrap.com/docs/4.0/components/modal/