Giter VIP home page Giter VIP logo

logseq-plugin-doc's Introduction

中文 | English

logseq-plugin-doc

将页面以更加文章化的形式展示,并提供快速导出功能。

使用展示

docview_and_print_to_pdf.mp4

与 TOC Generator 联动

页面内嵌入的 TOC 在导出时链接仍然可用并且每个被链接的块上会有返回的箭头。

通过导出 HTML 打印出的 PDF 会保留这些链接。

toc demo

快捷键

通过命令栏可以找到切换文档视图的命令,它的快捷键为 macOS 下 cmd+shift+d 或者 Windows 下 ctrl+shift+d

关于列表

你可以在无序列表的块上加#.ul标签,这样插件就知道这是一个无序列表并配合排版了。你也可以加#.ul-nested标签,如果你需要多级无序列表的话。

同样,有序列表可以加#.ol或者#.ol-nestedOrdered Lists 插件 支持的标签。Logseq 自身的有序列表也是支持的。

示例

Bullet List

Logseq 新版本中的 Linked References

新版本中 Linked References 区域是动态加载的,如果你想要在导出中看到这块的内容的话你需要将页面滚动到这部分,确保这个区域内的所有数据都是被渲染了的。

复杂主题的导出

针对一些实现较复杂的主题,有必要在插件配置中设置一下 pluginsDir,否则导出的 HTML 会加载不到样式资源。

自定义导出样式

你可以通过 custom.css 来自定义导出时应用的样式。导出时,插件会在上层应用 .kef-doc-exported 这个 CSS class,所以你只要在你的 CSS selector 前追加这个 class 就可以控制在导出时想要应用的样式了。例如:

/* 导出的页面背景色为白色。 */
.kef-doc-exported #main-content-container {
  background: #fff !important;
}

Buy me a coffee

如果您认为我所开发的软件对您有所帮助,并且愿意给予肯定和支持,不妨扫描下方的二维码进行打赏。感谢您的支持与关注。

wx ap

logseq-plugin-doc's People

Contributors

muzimuzhi avatar sethyuan avatar yoyurec avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

logseq-plugin-doc's Issues

Tags disappear

I wanted to export a page with a query table in which the first column contains labels, but they disappear. Then I put it in list view and displayed the properties, the labels also disappeared. The problem is that my classification system is based on tags, so they provide me with the fundamental information of the queries. how can I solve that?

Make TOC Links from logseq-plugin-tocgen working in HTML export

I tried also if my suggestion from the initial issue post to make the Table of Contents from your other plugin https://github.com/sethyuan/logseq-plugin-tocgen work to jump to anchors in the same HTML. see Note on TOCs: #20

  • It seems that the document export does not render those links in any way.
  • In the preview in Logseq the links are working by opening the block in a new view limited to the block.
  • The action sems to be executed by Javascript, not any HTML Link machinery.

It would be good to know if fixing the TOC challenge would be be fine here in the DOC plugin or better solved in the https://github.com/sethyuan/logseq-plugin-tocgen.

When solved there the Target Anchors could be opened in the same HTML only if anchors are included in the html. Otherwise the links can just point to the block itself in Logseq and opens in the app as well.

Feel free to ask if something is unclear.

导出时,主题样式为logseq默认样式而非选择样式

因为用的主题一直都是yoyurec大佬开发的主题,非常美观大气,然后前段时间导出是可以带着主题样式一起导出,也就是在logseq上是什么样式就导出什么样式,后来因为插件不断优化,这个功能就变糟糕了,为此我向yoyurec大佬反映过,然后他向您提出请求你合并后,其效果也没有回到之前,想问下,这个功能可以有嘛,非常喜欢导出时保留在logseq上所选择的主题样式,目前情况如下

logseq上
001
导出时
002

一直很喜欢你的插件,很棒,yoyurec大佬的主题我也很喜欢,都想要保留

Issues with view on Logseq 0.5.6

Screen Shot 2021-12-29 at 5 03 01 PM
While in the view for doc mode, the bullet lines aren't going away fully in the latest version of logseq. Issue is stemming from the latest feature for clicking the lines to collapse and expand bullets.

希望固定视图按钮位置

目前在点击文档视图按钮后,会向右弹出导出按钮,将视图按钮顶向左侧,若要切换回普通视图需要移动鼠标才能点击,不方便。

希望改成视图按钮不动,或增加快捷键,方便来回切换视图。

can support close doc view export ?

doc view mod has no indents,exported html is not clearly to read in some case.

can suport export with close doc view mode, and keep style as origin ?

Images exported with invalid paths

When exporting HTML, if page contains images, the exported paths reference original image locations. I would expect to images be either embed into HTML document or exported to some assets directory for easy sharing.

Did this plugin change it's behavior?

Hi,
if I'm not mistaken this plugin did two things differently before:

  1. you were still able to edit blocks, collapse them etc in document mode
  2. hide the bullets but keep the indentation in document mode

Am I wrong? Or maybe it was another plugin? Anyway I'm looking for that UX, any tips?

equations not getting exported properly when exported to HTML

When the doc is being exported to HTML, the text for equation is not getting rendered properly.

For example, the text $m_ee^2c$ is being rendered as shown in the attached screenshot. You can see that is first shows the equation in correct form, but then it is followed by the equation text again.

Screenshot 2022-01-24 at 21 02 20

[feature request] options to display tags on/off - use full width on/off - add custom css

hey, thank you the the very useful plugin !
Would you consider adding these settings

  • show/hide tags - currently all tags seem to be hidden with
.kef-doc #main-content-container .tag {
    display: none !omportant;
}
  • use the full width (or follow logseq's current mode)

  • add custom css rules (I mean adding specific css rules for doc export, on top of the custom.css), this could solve the 2 issues mentioned above

【功能请求】

如果导出的html文件中的代码块可以保持一键复制(如logseq中的效果)及每个块的缩放(折叠)
能很好达到在logseq中展示效果,这个插件对导出功能在细节上的把控才能称的上日臻完善,现在的导出效果也很不错,如果继续优化,相信会受更多人喜爱,很喜欢这款插件
1

不兼容 logseq 0.8.9

原先使用正常,非常完美,

但是升级到 logseq 0.8.9后,导出的html文件出现问题,浏览器中无法显示图片,而且页面显示不全。

Modification to print bullet symbol when printing the exported html?

this is how my note looks like in the exported html file
image

This is the printed pdf file (using Ctrl P on Google Chrome)
image

The bullet point image is visible in the exported html file but not in the printed pdf file.

The indentation helps a lot in recognizing the hierarchy. But having a bullet point image would help a bit more in recognizing the indentation level. Don't know if you could make it happen somehow?

Disable intra-graph links

I'd like to give my exported page to others and since they don't have access to my graph, I'd like to be able to disable the links to other pages of my graph.

Option to only remove dashes from the top-level blocks

Thank you for this wonderful plugin. I'm using it a lot!

I would like to ask for an extra setting: the ability to remove list marking only from the top-level notes on the page, and keep it on sub-blocks. This is the way I usually export text as I don't nest headings. It would save me from writing #ul a lot before exports. :)

Settings showReferences not taken from JSON config

In logseq 0.6.1 Desktop on macOS and Doc View Exporter v1.3.2 settings opened via PlugIn Interface in logseq.

Settings changed to:

{
  "showReferences": true
}

even after restart of logseq no effect.

The exported HTML contains the references content but the CSS in line 153 of the HTML file sets the content to style display: none;

the relevant div starts with <div class="references mt-6 flex-1 flex-row"> and can be set manually to display by using browser developer tools.

能否保留列表竖线

原始内容:

image

预览结果:

image

可以看到没有了列表竖线,在缩进比较多时不利于查看,希望有选项能够保留列表竖线

Blocks jump in Dev theme

I have a colon : between 2 blocks
image

When the document view is turned on
image

This doesn't happen with Logseq Default Theme

复杂主题导出时只能导出前半段内容

昨天升级了logseq到0.84版本,然后今天导出时发现只能导出前半段内容,导出内容不完整

下面是导出的文档内容,右侧没有滚轮来往下滑,也就是导出内容只有视口可见

20220903_151313_304_copy

View Mode and Code Blocks

Unfortunately if I have enabled the read ony view mode I cant select / copy content from Code blocks anymore.

about exporting

When exporting HTML, the Draw graph was not exported. Can Draw be supported for export?

export is not working

Hi, thank you for making this plugin. It has been really helpful viewing my pages.

I have a question about export. I am using logseq latest version (version 0.7.9). When I click the export button it doesn't do anything, no pop-up windows. I am using manjaro, in case os will make something different.
What do you think the issue might be? Thanks!

导出的主题样式与logseq选择样式不一致

主题:Dev theme
主题样式:dark
pluginsDir已正确填写。
导出html背景为白色,字为浅灰色,基本无法阅读。
试了其他主题,在主题样式为dark时,导出正常。
请检查下。

[featur request] Enhance Block IDs in HTML to full fledged Logseq links (optional)

The HTML source contains block ids for tags and named pages.
When hovering the browser (Chrome) recognizes the link but does not complete a useful clickable URL.

Files printed to PDF from the browser, look nice but contain no remaining link references

It is possible to either

  1. enrich the html to get full fledged Logseq links of the form logseq://graph/my-pkm?block-id=62cd38e0-5071-4bb0-8531-4a3c00012345 for tags?
  2. add a javascript to enhance the links in the browser to achieve this.

Options:

  • Limit to links inside of the export (useful for Tocs, Security)

Actually the full fledged Logseq Export does some parts this, but the boilerplate is overkill for just one document.
I like your HTML to easily render to PDF.

This is just a suggestion. I need to dive deeper to find out if there is a chance to add it myself.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.