小编MrV*_*ary的帖子

我一直在尝试创建两个语言选择下拉按钮。我成功地使用了这个 W3Schools 模板。但是，此解决方案有两个缺点： 1. 每个下拉按钮或修改该脚本需要 (?) 一个脚本；2.你可以同时打开两个下拉按钮，这是我不想要的。

我在这里找到了类似问题的解决方案，但我似乎无法将其调整为下拉按钮。我试图一步一步地重新设计它，但我无法摆脱嵌套在 .

如何创建多个下拉按钮，以便它们使用一个 JS/jQuery 脚本（最好不使用 Bootstrap），并且打开一个下拉菜单会关闭当前打开的任何其他下拉菜单？

编辑： 这是我现在拥有的页面中的代码：

<div class="dropdown">
    <button onclick="myFunction(this)" class="dropbtn"><img src="img/flags/en.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">English</span>&nbsp;<i class="fas fa-caret-down"></i></button>
    <div id="lang2" class="dropdown-content">
        <a href="#"><img src="img/flags/en.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">English</span></a>
        <a href="#"><img src="img/flags/fr.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">French</span></a>
        <a href="#"><img src="img/flags/de.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">German</span></a>
        <a href="#"><img src="img/flags/ru.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">Russian</span></a>
        <a href="#"><img src="img/flags/pl.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">Polish</span></a>
        <a href="#"><img src="img/flags/cz.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">Czech</span></a>
        <a href="#"><img src="img/flags/zh.png" class="langmenu">&nbsp;&nbsp;<span class="langmenu">Mandarin</span></a>
    </div>
</div>

这是我在不打破下拉菜单的情况下获得的最远距离。我尝试用 替换外部<ul>s 并相应地更新 css，但不知何故它没有按预期工作。我还尝试在下拉内容所在的位置应用 is-open。

我已经对该主题进行了一些研究，但是我认为我的问题与之前提出的问题有很大不同。

我的博士论文涉及对旧字典进行OCR，然后将结果自动转换为类似XML的数据库。我已经弄清楚了这部分。但是，我想通过显示用于每个条目/词条的扫描片段来丰富最终结果。由于字典将近9000页长，因此手动进行字典是不可能的。

这是随机页面的外观：http : //i.imgur.com/X2mPZr0.png

由于每个条目始终等于一个段落，因此我想找到一种方法将每个图像分割成带有文本（不需要OCR）的矩形作为单独的文件，就像这样（不绘制矩形）：http : //i.imgur.com /CWtQD6Q.png

好消息是我扫描的形状和大小相同，并且页边距/文本对齐方式相似。每个段落也总是有一个标识。

不好的是，我主要是语言学家，而不是程序员。我的大部分经验是使用Ruby，XML和CSS。而且有些段落只有一行。

我知道有些方法可以做类似的事情：

• 检测图像上文本是否存在的算法
• http://www.danvk.org/2015/01/07/finding-blocks-of-text-in-an-image-using-python-opencv-and-numpy.html
• http://answers.opencv.org/question/27411/use-opencv-to-detect-text-blocks-send-to-tesseract-ios/
• https://github.com/kanaadp/iReader

但是它们需要我花费大量时间来学习（尤其是我对Python的了解为0），而且我不知道它们是否不仅允许文本检测，还允许段落检测。

对此问题的任何意见/建议将不胜感激，尤其是对新手而言。

TL;DR：如何以不包含相邻（顶部和底部）段落的方式选择图像上的段落？

我有一组扫描图像，它们是单列文本，例如这个。这些图像都是黑白的，已经旋转，它们的噪音被减少，并且空白被修剪。

我想做的是将每个这样的图像分成段落。我最初的想法是测量每行的平均亮度，以找到文本行之间的空格，并尝试选择从该行开始的矩形以匹配缩进并测量该矩形的亮度。但这似乎有点麻烦。

而且，线条有时会稍微倾斜（最末端的垂直差异最大为 \xe2\x89\x88 10 px），因此有时会出现线条重叠。所以我想选择一个段落的所有字母并使用它们来绘制一个文本块，我使用这种方法得到了这个，但我不知道如何进一步进行。选择从左侧开始像素的每个字母矩形，并尝试包含开始不少于的每个矩形nfirst_rectangle_x - offset?的每个矩形。但那又怎样呢？