Add expand editor for WI content Closes #3764

8d06582b584e9ad889562f18e55686068d95ecf5

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/index.html+5 -2 Viewed

                                         <label for="content ">
                                             <small>
                                                 <span class="alignitemscenter flex-container flexnowrap wide100p justifySpaceBetween">
                                                     <span data-i18n="Content" class="alignitemscenter flex-container flexNoGap mdhotkey_location">
 -                                                        Content
 +                                                        <span data-i18n="Content" class="mdhotkey_location">
 +                                                            Content
 +                                                        </span>
 +                                                        <i class="editor_maximize fa-solid fa-maximize right_menu_button" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
                                                     </span>
                                                     <span>
                                                         (<span data-i18n="extension_token_counter">Tokens:</span>&nbsp; <span class="world_entry_form_token_counter" data-first-run="true">counting...</span>)&nbsp;

public/scripts/world-info.js+5 -1 Viewed

         $(counter).text(numberOfTokens);
     }, debounce_timeout.relaxed);
 +    const contentInputId = `world_entry_content_${entry.uid}`;
     const contentInput = template.find('textarea[name="content"]');
     contentInput.data('uid', entry.uid);
 +    contentInput.attr('id', contentInputId);
     contentInput.on('input', async function (_, { skipCount } = {}) {
         const uid = $(this).data('uid');
         const value = $(this).val();

         countTokensDebounced(counter, value);
     });
     contentInput.val(entry.content).trigger('input', { skipCount: true });
 -    //initScrollHeight(contentInput);
++
 +    const contentExpandButton = template.find('.editor_maximize');
 +    contentExpandButton.attr('data-for', contentInputId);
     template.find('.inline-drawer-toggle').on('click', function () {
         if (counter.data('first-run')) {