Obsidian-Excalidraw 1.8.12 - QoL Improvements: pens, pinned scripts, panning tool, and color picker

Summary

在这段视频中，演讲者介绍了Excalidraw插件的一些新特性和改进。首先，用户现在可以在工具栏上添加多达10支自定义笔，包括高光笔，并且不再需要处理笔文件，因为有一个笔配置窗口可以让用户随心所欲地定制笔。此外，用户还可以将自己喜欢的脚本固定在工具栏上。视频中还展示了新的平移工具，它的形状像手，允许用户移动画布。最后，新增了一个颜色选择器工具，它不仅可以选择颜色板以外的颜色，还可以从屏幕上任何位置选择颜色。演讲者还提到，这些自定义笔目前只在Obsidian Excalidraw中支持，如果导出文件到excalidraw.com，自定义笔的外观可能会有所不同。此外，用户可以通过插件设置启用或禁用这些自定义笔。视频还展示了如何配置自定义笔的颜色和类型，以及如何将脚本固定到工具栏上，以及如何使用新的手形平移工具和颜色选择器。

Takeaways

• 🖋️ 定制笔体验得到显著改进，用户可以在右侧工具栏添加多达10支定制笔，还有荧光笔。
• 📄 现在不再需要处理笔的文件，通过笔配置窗口可以随心所欲地定制笔。
• 📌 可以固定最喜欢的脚本到右侧工具栏，包括下载的脚本或自己创建的脚本。
• ✋ 引入了新的手形平移工具，允许用户移动画布。
• 🎨 新增的颜色选择器工具允许用户选择颜色面板之外的颜色，以及从屏幕上任何位置选择颜色。
• ⚠️ 这些定制笔不受excalidraw.com支持，使用这些笔在Obsidian X Calligrapher中导出的文件在excalidraw.com上看起来会有所不同。
• 🔧 定制笔默认未启用，需要在插件设置中启用。
• 🌈 可以配置定制笔的默认颜色，并且有多种笔类型可供选择，如细尖笔、自来水笔、标记笔和思维导图笔。
• 🛠️ 笔的配置选项允许用户更改笔的笔触颜色、类型，并且可以选择笔的颜色是否应用于所有形状或仅用于自由绘制。
• 📑 用户脚本可以固定到工具栏，方便快速访问，但工具动作和插入动作不能被固定。
• 🖱️ 手形工具允许用户像使用橡皮擦工具一样平移画布。
• 📱 托盘模式允许用户根据个人喜好调整工具栏的位置，使工具栏位于顶部或底部。
• 👉 颜色选择器的取色器工具特别有用，可以在屏幕上任意位置取色，非常适合需要颜色匹配的场景。

Q & A

在Obsidian X Callotdraw中，最多可以添加多少支自定义笔？

在Obsidian X Callotdraw中，用户最多可以添加10支自定义笔到右侧工具栏。

自定义笔是否支持在excalidraw.com上使用？

自定义笔不支持在excalidraw.com上使用。如果在Obsidian X Callotdraw中使用了这些笔并导出文件，然后在excalidraw.com上加载，笔的外观将会有所不同。

如何启用Obsidian X Callotdraw中的自定义笔功能？

要启用自定义笔功能，需要进入插件设置，选择X Callotdraw，然后滚动到“非excalidraw.com支持的功能”部分，在那里可以启用自定义笔。

如果我想改变自定义笔的默认颜色，应该怎么做？

要改变自定义笔的默认颜色，可以双击笔图标打开配置窗口，然后在配置选项中选择并更改所需的颜色。

Obsidian X Callotdraw中的Highlighter Pen有什么用途？

Highlighter Pen可以用于高亮显示文本或图形，用户可以围绕中心思想画圈，完成后会在文本背后显示高亮颜色。

如何将脚本固定到Obsidian X Callotdraw的右侧工具栏？

要将脚本固定到工具栏，需要长按工具栏中的脚本按钮约1.5秒，之后该按钮会被添加到侧边栏。

Obsidian X Callotdraw中的Hand Tool有什么作用？

Hand Tool允许用户移动画布，类似于橡皮擦工具，可以在不同工具之间切换，以便在需要时移动画布。

Color Picker工具在Obsidian X Callotdraw中有什么好处？

Color Picker工具不仅可以从颜色面板中选择颜色，还可以从屏幕上任意位置拾取颜色，这在需要与图像颜色匹配文本时非常有用。

在Obsidian X Callotdraw中，如何切换回默认的Obsidian笔？

如果用户想要停止使用自定义笔并切换回默认的Obsidian笔，可以点击颜色选择器中的背景颜色，再次点击将去除颜色，回到默认笔。

Obsidian X Callotdraw中的Tray Mode有什么作用？

Tray Mode允许用户在Obsidian X Callotdraw中切换视图，使得工具栏可以显示在顶部或底部，根据用户的喜好和使用习惯进行调整。

如果用户在使用Obsidian X Callotdraw时遇到问题，应该如何反馈？

如果用户在使用Obsidian X Callotdraw时遇到任何问题，可以通过访问GitHub并提交问题或反馈来进行沟通。

Obsidian X Callotdraw中的自定义笔是否会影响所有形状的颜色？

这取决于用户的设置。在笔的配置中，有一个选项可以决定笔的颜色是只应用于自由绘制工具，还是应用于所有形状。

Outlines

00:00

🖊️ 自定义笔工具的改进

在视频脚本的第一段中，介绍了对自定义笔工具的显著改进。用户现在可以在右侧工具栏中添加多达10支自定义笔，包括一个高光笔。此外，不再需要处理笔文件，而是通过一个笔配置窗口来定制笔的样式。用户还可以将自己喜欢的脚本固定到工具栏。新加入的还有移动工具，它允许用户移动画布，以及一个颜色选择器工具，可以选取不在调色板中的颜色，甚至可以选取屏幕上任何位置的颜色。

05:01

🎨 笔的类型和配置

第二段详细介绍了不同类型的笔，包括默认笔、高光笔、细尖笔、钢笔和标记笔，以及它们各自的特性。例如，钢笔会根据压力变化线条粗细。用户可以通过双击笔图标来配置笔的颜色和其他设置，例如更改高光笔的笔触颜色或选择不同类型的高光笔。此外，还提到了笔的默认颜色设置，以及如何通过键盘快捷键在工具之间切换。

10:03

📌 脚本固定和手形工具

第三段讲解了如何将Obsidian工具菜单中的脚本固定到侧边栏，以便于快速访问。用户可以通过长按来添加或移除固定脚本。此外，介绍了手形工具，它允许用户平移画布，类似于橡皮擦工具。还提到了托盘模式，它允许用户根据个人喜好调整工具栏的位置和布局。

15:05

🖌️ 颜色选择器的新增功能

在第四段中，展示了颜色选择器的新功能，它不仅允许用户从调色板中选择颜色，还可以通过拾色器工具从屏幕上任意位置选取颜色。这对于需要颜色匹配或选择特定颜色的用户来说非常有用。视频脚本的最后部分强调了这些新功能的实用性，并鼓励用户在GitHub上提供反馈。

Keywords

💡自定义笔

自定义笔是指用户可以根据自己的喜好和需求，对笔的样式和功能进行个性化设置的工具。在视频中，提到了用户可以在右侧工具栏添加多达10种自定义笔，这允许用户在Obsidian X Calligrapher插件中进行更个性化的书写和绘图体验。

💡高亮笔

高亮笔是一种特殊类型的笔，它允许用户在文本或图形上添加高亮效果，以突出显示重要信息。视频中提到了高亮笔的使用，例如在制作思维导图时，可以围绕中心思想画圈，以突出显示。

💡笔配置窗口

笔配置窗口是一个用户界面，允许用户对笔的属性进行详细设置，如颜色、粗细、压力敏感性等。视频中提到了通过笔配置窗口，用户可以根据自己的喜好定制笔的样式和行为。

💡固定脚本

固定脚本指的是用户可以将自己常用的或下载的脚本固定在工具栏上，以便快速访问和使用。视频中提到了用户可以将自己的脚本“钉”在右侧工具栏上，这样可以更方便地使用这些脚本。

💡平移工具

平移工具允许用户移动整个画布，以便查看或编辑画布上不同位置的内容。视频中提到了新加入的平移工具，它的形状像手，可以帮助用户在画布上移动视图。

💡颜色选择器

颜色选择器是一个工具，它允许用户从屏幕上任意位置选择颜色，包括那些不在预设颜色板中的颜色。视频中提到了颜色选择器的加入，这使得用户可以更灵活地选择和使用颜色。

💡非官方支持特性

非官方支持特性指的是某些功能或特性可能不被官方网站或软件原生支持。在视频中，提到自定义笔在Obsidian X Calligrapher中使用时，如果导出文件并在excalidraw.com上加载，自定义笔的外观可能会有所不同。

💡插件设置

插件设置是指在软件或应用程序中对特定插件进行配置的选项。视频中提到，要启用自定义笔，用户需要进入插件设置，找到并启用这些非官方支持的特性。

💡笔的类型

笔的类型指的是不同样式和功能的笔，如默认笔、细尖笔、钢笔、标记笔和思维导图笔等。视频中详细介绍了这些不同类型的笔，并展示了它们在实际使用中的效果。

💡笔的颜色配置

笔的颜色配置是指用户可以为不同的笔选择和设置不同的颜色。视频中展示了如何通过双击笔图标来打开配置窗口，并更改笔的笔触颜色和背景颜色。

💡托盘模式

托盘模式是一种界面布局选项，它可以改变工具按钮的排列方式，使得用户界面更加紧凑或更适合特定的使用场景。视频中提到了托盘模式的切换，展示了如何在不同的视图模式之间切换。

Highlights

自定义笔体验显著改进，用户可以在右侧工具栏添加多达10支自定义笔

新增高光笔和笔配置窗口，用户可以根据自己的喜好定制笔

不再需要处理笔文件，所有设置都可以通过新的笔配置窗口完成

可以固定最喜欢的脚本到右侧工具栏，包括下载的或自创的脚本

引入了新的手形工具，允许用户移动画布

新增颜色选择器工具，可以选取颜色面板外的颜色，以及屏幕上任何位置的颜色

自定义笔在obsidian X collateral和excalator.com上不支持，可能会显示不同

自定义笔默认不启用，需要在插件设置中手动开启

演示了如何使用高光笔和粗细变化的绘图笔进行思维导图的制作

用户可以更改笔的默认颜色，并且即使在高亮后也能更改高亮颜色

介绍了不同类型的笔，包括默认笔、细尖笔、钢笔、记号笔和思维导图笔

展示了如何配置笔的属性，例如改变高光笔的颜色

解释了笔的配置选项，如何影响所有形状的颜色或仅影响自由绘制

展示了如何将用户脚本和下载的脚本固定到工具栏，以提高效率

介绍了手形工具，类似于橡皮擦工具，可以轻松移动画布

展示了托盘模式的切换，允许用户根据个人喜好调整界面布局

颜色选择器允许用户从屏幕上任何位置选取颜色，对于需要颜色匹配的场景非常有用

这些新功能对于使用Excalidraw的用户来说非常有用，尤其是iPad用户

Transcripts

hey everyone we've got a lot to cover

today first of all I significantly

improved the custom pen experience you

can add up to 10 custom pens to the

right hand side toolbar

plus there's a highlighter pen and on

top of all of these you no longer need

to mess around with pen files now

there's a pen configuration window where

you can customize the pens to your

heart's desire

following the same logic you can also

pin your favorite scripts be the

downloaded scripts or scripts that

you've created to the right hand side

toolbar and there's a new panning tool

it has a hand shape this is from the

excolodraw.com team and this allows you

to move the canvas around

and finally I added a Color Picker tool

that allows you to pick colors that are

not part of the color palette as well as

it allows you to pick colors from

anywhere on your screen

so let's Dive In

let's start the demonstration with the

pens first of all I need to underline

that these pens are not supported by

xcoledrow.com this means that if you use

these pens in obsidian X collateral and

Export your file and then load it to

excalator.com the file is going to load

but the pens are going to look different

maybe in the future there's going to be

support but at the moment it depends

that you use here will only look like

this in obsidian X call it draw and

nowhere else for this reason these pens

are not enabled by default but you need

to go to plugin settings to turn them on

so how do you do that you click here on

settings you choose X call it raw and

you scroll down to the non xcarly

draw.com supported features right here

there are two non-excoliator.com

supported features one is the fourth

font but that is old business and the

other are the custom pens you can choose

to have between 0 to 10 different custom

pens

each of the pens will come with a

pre-configuration but you can freely

change those configurations I'll show

you how to do that in a second so I'm

going to keep this setting on seven and

we're going to Now quickly demonstrate

how this works so let's say I'm creating

a mind map and this is my central idea

right here and I want to highlight this

central idea in this case I can pick the

highlighter pen and I can simply just

draw this circle around my idea and then

I complete the drawing it is going to be

a highlight color behind the idea I

could also of course and I'm going to

show you this in just one second

also highlight the text but now let's

continue with a mind mapping pen this is

the thick to thin pan and so I'm just

going to draw this line here and we're

going to have two ideas so I'm going to

do draw these two lines here and I'm

going to add this is going to be idea

one and this is going to be

idea too

and for example I can highlight idea one

and I can highlight idea one like this

as well so this also works and even

after I've highlighted idea one I can

change the color of the Highlight

especially if I'm able to

select it yes

come on

if I'm able to select it and so I'm

going to change the highlight color in

this case

to this blue and you can see that the

color now is a different color highlight

we'll also look at how you can configure

your custom pen to have a different

default color in just one second but

let's first look at the different type

of pens available

so the first pen is the default let's

call it raw pen so this is going to have

exactly the same behavior as the normal

X color drop band the trick here is of

course you can set different default

colors for this

we already looked at the highlighter pen

then I have a fine tip pen I think if

your handwriting in excalator this is

probably the one that is going to be the

most legible type of font

then there's a fountain pen which is

going to be pressure sensitive and it's

going to be thick or thin depending on

the pressure you're applying so this is

this type of pen

there's also a marker so the marker is

going to have in this case the

pre-configured marker is going to have

an outline color and so you can just try

it text like this I'm not going to

complete this but I am going to

here we go

so you see you can write text like this

now I'm using a mouse so the text is not

that very nice and we have two mind

mapping pens so this was the thick to

thin you've already seen that I also

have a thin too thick to thin line which

looks like this so you can see that it

starts thin and thin and it's thick in

the middle so those are the pens

available now if you want to configure

these pens you can simply

come here to the pen and let's say we're

going to change the color of the

highlighter pen if I double click on the

pen

then the configuration window will pop

up and there's lots of configuration

options here

I'm not going to go through all of these

you can explore these for yourself but I

want to show you that in this case I can

change the stroke color of this pen and

maybe this is now going to be this blue

highlighter pen like this and I'm

actually going to copy the same color

over here

and I'm going to just write it here so

this is

I think the same color

so now I have a background color and a

stroke color

and my back my highlighter pen has a

different color so if I close this and I

use this highlighter pen then you can

see actually this looks more like green

I have this highlighter color

highlighter pen now in action

also if I want to change the type of the

pen that's possible so again I'm going

to double click maybe the default

x-color draw pen and here you can choose

between the different presets and maybe

I want this to be a highlighter pen as

well but with a different color so maybe

I want two different type of

highlighters so I'm going to choose

highlighter and I'm going to click apply

and this is going this is going to apply

the default settings for the highlighter

pen so you can see this is my default

yellow highlighter I'm actually going to

be happy with this I'm going to close

this and now I have to highlighter pen

so this is one of my highlighter pens

and this is my other highlighter pen

if I want to stop using the custom pen I

can also click here to so you can see

that this is now active this is a

background color if I click on it again

the color will disappear and I'm back to

the normal obsidian pen or normal

excelled draw pen if I click this again

then I have the highlighter but note as

well that if I choose a different tool

so if it's not the free draw tool but

maybe it's a rectangle tool then depends

are no longer selected and I can simply

draw my rectangle but when I click the

free draw tool again it will

automatically switch back

to the most recent pen and you can use

the highlighter again this is good

because then this way you can use the

keyboard shortcuts so I can choose

between maybe eight which is the text

and then once I've entered my text I can

press 7 and I can do my highlighting or

of course if I'm not highlighting but

instead I'm using a mind mapping pen

then it's an easy way to switch between

tools

now maybe just a few words about the

configuration so you understand there

are two different type of pens some pens

like for example the Mind mapping pen

are such that when I switch back to the

text the text color and the color of the

rectangles Etc stay the same but other

pens and I think the fine tip pen is

such we will find out soon in case of

the fine tip pen the text color will

change red so it will reconfigure the

color for all of the objects so the way

this works is here

at the the very first setting sets

whether the stroke and fill color

applies to all shapes which is the case

in this case or if I turn this on then

it's for free draw only and with this

you can configure how the pen is

supposed to work so in one case it will

affect all of the objects on your

drawing in the other case it will only

affect the free draw pen this is useful

because in some cases you actually want

a pre-configured color that you can use

for whatever shapes you're drawing and

in another case like in case of the Mind

mapping pen you actually want to switch

between the color for your nodes and the

color for your mind mapping lines and so

this is done what's possible with this

setting

so moving on this was about the

custom bands the other bit I want to

show you are these buttons here which

are the scripts from the obsidian tools

menu

so if I open this tools panel you can

see I have some user actions on top by

the way the these are at the moment not

pinnable so the utility actions the

export action and the insert actions

those cannot be pinned to the side but

only the user Scripts

and the downloaded scripts can be pinned

so let's say I want to pin another

action and I want to pin this bucket

right here so this is actually a very

useful tool it allows me to fill on

closed shapes so I'm going to show you

how that works in a second but the way

you pin it is you need to click this and

you need to hold the button you can also

with your finger touch this for one and

a half seconds and when you do that then

after one and a half seconds this button

is added to the side so you can see how

now I now have the bucket here and let

me show you so I'm going to draw this

shape and if now I come over here and

press and select this first of all and

then I use this button then this is

filled with color the only problem is

that the color is not visible but you

can see

that this was filled with a color and

the shape is not closed so this is what

this script does now if you want to

remove a script from here you do the

same as you added it so you come over

here and you click and hold for about

one and a half seconds and the button

will disappear and you get the message

here that the button was removed

so that's about the custom

actions and the ability to pin your

favorite scripts to the right hand side

there's also this hand tool if I click

the hand tool all this does is it allows

me to pan the canvas this works in the

same way as the Eraser so if I switch

between the hand tool and the current

action then so if I choose the egg press

h for the hand tool and then I again

press h then I can switch between the

tool and the hand tool so you see I

pressed H I can move on I press h again

and I can draw again this works very

similar to the Eraser so if I press e

then I can erase couple of items and

then I press e again then I'm back to my

pen and I can continue drawing

now finally there are still two things I

want to show you one thing before we go

to the Color Picker I want to show you

that you can see that I have these

buttons on the right hand side but maybe

for you there on the top so let me show

you one feature that I think is pretty

useful

so I have something that's called the

tray mode and right now I'm using excali

draw in tray mode this is how I like to

use let's call it raw if I here click to

toggle tray mode then I can switch back

to the default x-coli draw view which

means that I have the properties here on

the left hand side always appear and in

this case these custom tools are in the

top row and not on the right hand side

if again I come here to the menu and I

toggle tray mode then I get my actions

here to the bottom and you can see I

have all my buttons here on the right

hand side

and then finally what I want to show you

is the Color Picker

so the way this works is here next to

the palette Chooser so we have this

button here that has been here

all along with excalator next to the

palette Chooser now I have this button

as well to choose a color if I click

this

then the standard Color Picker will come

up and this has two benefits so let me

show you the two benefits one benefit is

you have the freedom to choose whatever

color you like so you can see here as I

move around the color of my background

changes

plus which is also a very nice feature I

have this picker tool if I click the

Picker I can go on my screen and I can

pick a specific item this is extremely

useful if you're embedding a picture and

you want to color match your text to the

image then you can use this tool to

achieve that so this is about the Color

Picker and I think this is a super

useful tool

so that's all I wanted to share with you

today that was a lot but I think they

are extremely useful features some of

them I've been waiting for a very long

time for example this Color Picker is

something that I wanted for a long time

but also the ability to pin scripts and

pens to the right hand side is super

useful especially if you're using excola

drone and iPad this makes the whole

process so much smoother and so much

better so hopefully you will also find

this useful and as always if you find

any issues with this please go to GitHub

and let me know your feedback and

otherwise I hope to see you next time

thank you