Copying multiple kanjis from the result page inserts line breaks between them about jotoba HOT 15 CLOSED

Thanks for the detailed description. I'll look into it.
For the time being, you can double click results to copy them without line breaks.

from jotoba.

Oh yeah, you are right. I guess we can go with this approach then!

from jotoba.

Related bug -- trying to select the Kanji text with Yomichan doesn't work, it can only select one Kanji at once. I believe this is because of the HTML structure --

• furigana-kanji-container
  • furigana = こと
  • first kanji = 言
• furigana-kanji-container
  • furigana = ば
  • second kanji = 葉

Jisho handles it in this way:

• furigana container
  • furigana for first kanji = こと
  • furigana for second kanji = ば
• kanji = 言葉

This way is better since the Kanji are continuous in HTML.

from jotoba.

@Yukaru-san I can take this one on if it's not a priority for you, let me know if that's ok

from jotoba.

One of the reasons I decided to go with the current format is because there were some cases in which Jisho was kinda ugly (see the comparison below).
If you have an idea on how to improve this, you can give it a try!

[My son is busy studying for the examinations tomorrow.]

from jotoba.

Yeah, I'll give it a shot!

from jotoba.

Solved the Yomichan issue, but enabling ctrl-c copy while maintaining correct spacing for kanji is going to be very difficult or impossible. @StoneLabs @Yukaru-san thoughts on click-to-copy? Like clicking on the kanji will copy to clipboard?

from jotoba.

Here's a quick fiddle I made that I think solves the issue: https://jsfiddle.net/Lkdqsjrx/

Basically, it just abuses display: table to align the items properly. As a plus, if you want to enable copying the ruby text, you can do it without it interfering with copying the kanji.

from jotoba.

Here's a quick fiddle I made that I think solves the issue: https://jsfiddle.net/Lkdqsjrx/

Basically, it just abuses display: table to align the items properly. As a plus, if you want to enable copying the ruby text, you can do it without it interfering with copying the kanji.

Hmmm, I still get a tab between the kanji when I paste that into notepad. But I really like your use of display: table -- I was trying to fiddle more with flex boxes but couldn't resolve the copy-paste. I think there's definitely a way to work this.

from jotoba.

What about this one? https://jsfiddle.net/jfw89cdh/

This one uses flexboxes and uses display: content (from this stackoverflow answer) to get rid of the weirdness.

EDIT:

Actually, scratch literally everything. Just use actual ruby tags.

https://jsfiddle.net/fp0eg49x/

from jotoba.

Your <ruby> approach seems to be working quite nicely. It will still put spaces between segments though.
https://jsfiddle.net/wkjp3yc8/

from jotoba.

Solved the Yomichan issue, but enabling ctrl-c copy while maintaining correct spacing for kanji is going to be very difficult or impossible. @StoneLabs @Yukaru-san thoughts on click-to-copy? Like clicking on the kanji will copy to clipboard?

I'd be fine with click-to-copy if need be. It is currently implemented like that anyway (using a double click)

from jotoba.

Your <ruby> approach seems to be working quite nicely. It will still put spaces between segments though.
https://jsfiddle.net/wkjp3yc8/

You need to make sure that there are no spaces between the elements.

from jotoba.

Only thing is that the approach doesn't help with the Yomichan issue. sigh...

Edit: Solved! Just have to remove all the spaces. https://jsfiddle.net/dpbon94r/

from jotoba.

Solved with #14
Thanks for the contributions!

from jotoba.