Posted by Graham Leach on Tue, Oct 22, 2024 - 10:16pm --- Updated: Oct 22 '24 - 10:16pm

Hello Everyone,

The FORUM is not wrapping long URLs, leading to this:

 

Comments

Enthusiast's picture

Fri, Oct 25, 2024 - 8:24am by Enthusiast

$('.field-name-comment-body a').each(function() { 
          if ($(this).text().search('http') == 0) {
                    $(this).attr('title', $(this).attr('href')).addClass('compressed-link');
          }
});

.compressed-link {
          display: inline-block;
           max-width: 30%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
}

Fri, Oct 25, 2024 - 4:53pm by Graham Leach

Heya @Enthusiast,

Nice!  Thanks for posting those two JavaScript (JS) and Cascading Style Sheet (CSS) snippets.  Very helpful!

For newbies or visitors from the future:  While the above JS and CSS snippets can be directly embedded in an HTML file (the old way), the new way of doing things is to just reference them in an HTML file, but have their code reside in physically separate files (.js, .css) in specially designated places in the file system (/js, /css).  For additional background, please see:

Reddit:  How do HTML, CSS and JavaScript Co-Exist?

g.

---- 

Sun, Nov 03, 2024 - 2:59pm by Graham Leach

Hello Everyone,

I got an answer from the people at CKEDITOR5: