Title: easyui with ace.io - absolute positioning does not work properly
Post by: paule32 on December 30, 2021, 09:00:58 PM
Hello, I would use easyui with integrated editor like ace.io. But I fail - some of the code is wrong - can You help ? Here is the Code (it is a php file, but you could remove the php parts): https://dpaste.com/6SDVC3KC7
Thanks in Advance paule32
P.S.: I marked the position on which I have no glue (lines: 111, ff.)
Title: Re: easyui with ace.io - absolute positioning does not work properly
Post by: jarry on December 31, 2021, 12:18:20 AM
Please look at this example. It works fine. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Panel - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css"> <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script> <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.13/ace.min.js"></script> <style type="text/css"> #editor,#editor2{ width: 100%; height: 100%; } </style> <script type="text/javascript"> $(function(){ var editor = ace.edit('editor') var editor2 = ace.edit('editor2') }) </script> </head> <body> <div class="easyui-tabs" style="width:600px;height:300px"> <div title="File-1" data-options="closable:true"> <div id="editor"></div> </div> <div title="File-2" data-options="closable:true"> <div id="editor2"></div> </div> </div>
</body> </html>
Title: Re: easyui with ace.io - absolute positioning does not work properly
Post by: paule32 on December 31, 2021, 05:06:26 AM
Hello jarry, Thank You for Your reply. I found my Error, and it work.
|