[문의] 혹시 탭기능 이 문제 해결이 가능할까요?

탭기능을 굉장히 애용하는데

엔터를 치거나 텍스트를 복붙하면 저런식으로 줄이 나오는데

줄이 안나오게 가능한가요?

<div data-inven-tabs>

    <!-- 탭 버튼 부분 -->

    <div data-inven-tab-for="tab_1"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 1 </div>

    <div data-inven-tab-for="tab_2"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 2 </div>

    <div data-inven-tab-for="tab_3"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 3 </div>

    <div data-inven-tab-for="tab_4"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 4 </div>

    <div data-inven-tab-for="tab_5"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 5 </div>

    <div data-inven-tab-for="tab_6"

        data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}"

        data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}"

        style="border:1px solid; width:100px; padding: .4em; float:left;"> 탭 버튼 6 </div>

    <div style="clear: left;"></div>

    <!-- 탭 내용 부분 -->

    <div data-inven-tab-id="tab_1" style="border: 1px solid red; padding: .4em;">탭 1번 내용입니다.</div>

    <div data-inven-tab-id="tab_2" style="border: 1px solid blue; padding: .4em;">탭 2번 내용입니다.</div>

    <div data-inven-tab-id="tab_3" style="border: 1px solid blue; padding: .4em;">탭 3번 내용입니다.</div>

    <div data-inven-tab-id="tab_4" style="border: 1px solid blue; padding: .4em;">탭 4번 내용입니다.</div>

    <div data-inven-tab-id="tab_5" style="border: 1px solid blue; padding: .4em;">탭 5번 내용입니다.</div>

    <div data-inven-tab-id="tab_6" style="border: 1px solid green; padding: .4em;">탭 6번 내용입니다.</div>

</div>

탭을 좀 많이써야해서 이런상황입니다

또한 탭 속에 탭을 넣어야하는데 문제가 해결될수 있다면 그 스크립트를 그냥 집어넣어도 잘 작동하나요?


+현재는 직접 내용을 입력할때 컨트롤+엔터인가..암튼 그걸로 하는중이긴한대 텍스트 복붙시에는 그런걸 할 수가 없어서..